カラーピッカー・カラーコード変換

色を変換する方法

1. 色のボックスをタップして色を選ぶか、テキスト欄に入力します。
2. HEX(#1e90ff)、rgb()、hsl()、または英語の色名で入力できます。
3. プレビューで色を確認し、HEX、RGB、HSL、CMYK の各値を見ます。
4. 必要な形式をコピーし、白文字・黒文字とのコントラストを確認します。

このツールの使い道

デザイナーや開発者は、パレットの HEX、スタイルシートの rgb()、明るい色や暗い色のバリエーションを作るための HSL など、色をさまざまな形式に変換する機会が多くあります。このツールなら 1 回の操作で変換できます。

また、アクセシビリティガイドライン WCAG に基づき、白い文字と黒い文字に対するコントラストも計算します。通常サイズの文字では、レベル AA は 4.5:1、レベル AAA は 7:1 が基準です。

CMYK は簡易的な変換で、参考値として役立ちます。本格的な印刷には、デザインソフトのカラープロファイルをお使いください。

ご注意

• CMYK は RGB から標準的な計算式で求めており、カラープロファイルは使っていません。実際の印刷結果とは異なる場合があります。
• 色名は英語で指定します(red、tomato、navy など)。
• 標準のカラーピッカーは、ブラウザや端末によって見た目が異なることがあります。

よくある質問