カラー変換
HEX色をRGB/HSL等へ変換し読みやすいon-colorも提案します。
使い方
- HEX入力または対応browserのeyedropperで色を選びます。
主な機能と処理範囲
HEXを正規化し内部conversion関数とlive UI sampleを表示します。
処理の仕組み
normalizeHex・hexToRgb・rgbToHsl・readableTextColorを使います。
例
#176B5BならRGB/HSLとCSS token例を表示します。
こんな場面で便利
- design token色の表現確認に
利用前の確認
- wide-gamut/ICC変換はしません。
よくある質問
alphaも変換？
現在は6桁HEX中心です。