HEXからHSLへのコンバーター
ブラウザ内でライブ プレビュー スウォッチを使用して、HEX、RGB、HSL、CMYK 表記の間であらゆる色を変換できます。
処理中...
0%
カラー値の解析
色空間の変換
レンダリングプレビュー
完了
結果
このページでは、HEX が事前に選択されたカラー コンバーターが開きます。#3b82f6 のようなコードを貼り付けて実行すると、hsl (色相、彩度、明度) と同じ色が読み取られます。
HSL は色相 (0 ～ 360°)、彩度、明度によって色を表現するため、最も人間に優しい CSS 表記法となります。明度を下げてボタンを暗くしたり、色相だけをシフトしてパレットを構築したりできます。編集した HEX 数字は読みやすく表現できません。
完全なコンバータは、HEX、RGB、または HSL 入力を受け入れ、ネイティブ カラー ピッカーとライブ スウォッチを使用して 4 つの表記をすべて一度に返します。すべてがブラウザ内で行われるため、色の値がデバイスから送信されることはありません。