RGB を HEX に変換

カラーフォーマット間を即座に変換

カラーフォーマットはコンテキストによって異なります。デザインツールはRGBまたはHSL値を出力しますが、CSSは16進コードを必要とします。アクセシビリティツールはRGBで報告し、インラインスタイルはCSS rgb()表記を使用することがあります。フォーマット間の手動変換は遅く、エラーが起きやすいです。

対応フォーマット

• Hex (#rrggbb)：Webカラー用のCSS標準フォーマット。6桁の16進数が赤、緑、青を表します。
• RGB (r, g, b)：0から255の数値としてのカラーコンポーネント。CSSコードやプログラミング用の直接フォーマット。
• HSL (h, s%, l%)：色相、彩度、明度。関連する配色パレットの作成に便利です。

一般的な使用場面

Webデザイン：デザイナーはFigmaやSketchで作業しますが、これらのツールは異なるフォーマットでカラー値を生成します。16進数に変換するとCSSとの互換性が確保されます。

アクセシビリティチェック：カラーコントラストツールはRGB値を返します。CSSで直接使用するために16進数に変換してください。

すべての処理はブラウザ内で完結します。