カラーコード変換（HEX・RGB・HSL）

カラーコードを入力するか、色見本から選ぶと、ほかの形式に変換します。ExcelやPowerPoint、CSS での色指定に。

カラーコード

文字色との組み合わせ（コントラスト比）

濃淡のバリエーションクリックで選択

入力したデータは送信も保存もしません。悪用することも一切ありません。くわしく

カラーコードの種類

形式	例	特徴
HEX（16進数）	`#2563C9`	Webでもっともよく使う。赤・緑・青を2桁ずつの16進数で表す
RGB	`rgb(37, 99, 201)`	赤・緑・青を 0〜255 で表す。Excel・PowerPoint の色指定もこの形式
HSL	`hsl(217, 69%, 47%)`	色相・彩度・明度で表す。「同じ色で少し明るく」が調整しやすい
HSV（HSB）	`hsv(217, 82%, 79%)`	Photoshop などの画像編集ソフトで使われる

16進数の考え方は進数変換で確かめられます。資料の色選びでは、文字と背景のコントラスト比が 4.5 以上あると、プロジェクターやモノクロ印刷でも読みやすくなります。

どんな形式で入力できますか？

#FF0000・#F00 のような16進数（HEX）、rgb(255, 0, 0)、hsl(0, 100%, 50%)、「255, 0, 0」のような数字だけ、red などの基本的な色の名前に対応しています。透明度（#FF000080 や rgba）も使えます。

コントラスト比とは？

文字色と背景色の明るさの差を表す数値で、1〜21の範囲です。Webアクセシビリティの指針（WCAG）では、本文の文字は 4.5 以上、大きな文字は 3 以上が目安です。資料やWebページの色選びで、読みやすさを確かめるのに使えます。

ExcelやPowerPointで色を指定するには？

「その他の色」→「ユーザー設定」で、RGB の値（赤・緑・青の数値）か、16進数の値を入力できます。このツールで RGB に変換した値を入れてください。

変換・計算の結果は正確さに努めていますが、すべての入力での動作を保証するものではありません。業務で使う場合は、重要なデータは結果を確認してからご利用ください。詳しくは免責事項をご覧ください。