HEX・RGB・HSL・OKLCH
ひとつのピッカーで主要な CSS カラー形式を比較し、コードやデザインツールに必要な値をコピーできます。
色を選ぶ
色を視覚的に選ぶか、HEX・RGB・HSL の値を入力して、対応する OKLCH、濃淡、ティント、トーン、配色の候補を確認できます。CSS、UI コンポーネント、ブランドパレットづくりに。
濃淡をクリックするとベースカラーとして使えます。
ひとつのピッカーで主要な CSS カラー形式を比較し、コードやデザインツールに必要な値をコピーできます。
ひとつのベースカラーから明るい色と暗い色を作成し、ホバー状態、ボーダー、背景、デザイントークンに使えます。
ベースカラーを決めたら、コントラストの確認、形式の変換、カラーホイールでのパレット作成へ進めます。