カラー変換ツール
色を 1 度入力すると、デザイン、CSS、画像、文書用の一貫した HEX、RGB、HSL 値が得られます。
使い方
使い方
- 対応する HEX、RGB、HSL 色を入力します。
- 変換して正規化された色プレビューを確認します。
- HEX、HEXA、RGB、RGBA、HSL、HSLA の値一覧をコピーします。
対応する CSS 色形式
#RGB、#RGBA、#RRGGBB、#RRGGBBAA、従来のカンマ区切り rgb()、rgba()、hsl()、hsla()、任意のスラッシュ alpha を含む最新の空白区切り RGB/HSL に対応します。RGB チャンネルは 0～255 の数値または割合です。色相は度、回転、ラジアン、グラードを受け付けます。
範囲と丸めを定義
範囲外チャンネルは黙って制限せず拒否します。RGB は最も近い 8 ビット整数、HSL は小数 1 桁まで、alpha は小数 3 桁まで出力します。標準 sRGB のみで、名前付き色、Lab、LCH、広色域 color() は解釈しません。
よくある質問
あわせて知りたいこと
透明色を変換できますか？
はい。4 桁・8 桁 HEX と alpha 付き RGB/HSL から RGBA/HSLA と 8 桁 HEXA を出力します。
HEX の alpha が少し違うのはなぜ？
HEXA は alpha を 1 バイトで保存し、256 段階のいずれかに丸めます。RGBA/HSLA は小数 3 桁まで表示します。
rebeccapurple のような名前付き色を入力できますか？
いいえ。ブラウザー間で構文と結果を統一するため HEX、RGB、HSL を入力します。