このツールについて
色を選ぶか HEX 値を入力すると、対応する RGB と HSL を、リアルタイムのスウォッチとともに即座に表示します。任意の値をクリックするとコピーできます。CSS、デザインシステム、ブランドカラーの一致確認に最適です。
よくある質問
HSL とは？
HSL は色相（0〜360°）、彩度、明度で色を表します。色合いを調整する際には HEX より直感的なことが多いです。
3 桁の HEX に対応していますか？
はい。#f80 のような短縮表記は自動的に 6 桁の形式に展開されます。