変換後のカラーフォーマットがここに表示されます
HEX、RGB、またはHSLの値を貼り付けると、3つの形式すべてが表示されます。
一般的な形式で色を入力すると、他の形式に即座に変換されます。
使い方
CSS、デザインの引き継ぎ、ブランドガイドラインに。
#の有無に関わらないHEX、rgb()、hsl()などに対応。形式は自動判別されます。
実際のカラーサンプルとともに3つの表記がすべて表示されます。
任意の行をクリックするだけでコピーできます。
Nano Banana Labで利用できるその他の無料ブラウザツール。
直感的に理解しやすいからです（色相・彩度・輝度）。色を明るくしたい場合、3つの数値を試行錯誤する代わりに1つの数字を変更するだけで済みます。
赤、緑、青を表し、それぞれ00からFFの範囲をとります。3文字表記のHEXは各文字を2回繰り返した値と同じです。
当ツールでは透明度の変換は行わず、不透明な単色として処理します。
いいえ。変換処理はすべてブラウザ上の算術計算で行われます。