カラーコード変換

HEX・RGB・HSL・HSV／HSB・CMYKを入力して、必要な色形式へ相互変換できます。

✓ 無料✓ 登録不要✓ ブラウザ内で処理

色を入力して各形式へ変換

入力した内容から変換結果を自動で更新します

色を入力

選択中の色#007A00

HEX#RGB・#RGBA・#RRGGBB・#RRGGBBAA

透明度0～100

基本色

入力内容と変換結果はお使いの端末内だけで処理し、当社のサーバーや外部サービスへ送信しません。

変換結果を確認

カラーコードをコピー

HEX: #007A00
8桁HEX: #007A00FF
RGB: rgb(0, 122, 0)
RGBA: rgba(0, 122, 0, 1)
HSL: hsl(120, 100%, 23.9%)
HSLA: hsla(120, 100%, 23.9%, 1)
HSV／HSB: 120°, 100%, 47.8%
HSV／HSB: 120, 100, 47.8
CMYK: 100%, 0%, 100%, 52.2%
CMYK: 1, 0, 1, 0.522
透明度: 100%

PhotoshopのHSBでは、HSVのVと同じ値をBへ入力します。 CMYKは画面表示用のsRGBから算出する概算値です。

文字とのコントラスト

選択した色を背景にしたとき、白文字と黒文字の読みやすさをWCAGの基準で確認します。

白文字の表示例

白文字—

通常文字 AAを計算中
通常文字 AAAを計算中
大きな文字 AAを計算中

黒文字の表示例

黒文字—

通常文字 AAを計算中
通常文字 AAAを計算中
大きな文字 AAを計算中

HOW TO USE

カラーコード変換の使い方

色を入力し、必要な形式をそのままコピーできます。

01
入力形式を選択
HEX・RGB・HSL・HSV／HSB・CMYKから、手元にある色の形式を選びます。
02
色を入力
各数値を入力するか、カラーピッカーや基本色から選択します。変換結果は自動で更新されます。
03
結果をコピー・確認
使用する形式の「コピー」を押します。背景に使う場合は白文字・黒文字とのコントラストも確認できます。

ABOUT

このツールについて

カラーコードを相互変換

HEX・RGB・HSL・HSV／HSB・CMYKのどの形式からでも入力できます。RGBとHSLはWeb制作、HSV／HSBは画像編集ソフトなどでよく使われます。

透明度を含む色にも対応

4桁・8桁HEXを入力すると透明度を保持し、8桁HEX・RGBA・HSLAへ変換します。透明度だけを個別に変更することもできます。

CMYKは概算値です

CMYKは画面表示用のsRGBから一般的な数式で計算します。印刷会社やプリンターが使用するICCプロファイルによる変換とは異なります。

文字の読みやすさを確認

白文字・黒文字とのコントラスト比と、WCAGのAA・AAA適合状況を表示します。透明色では指定した背景色と合成してから計算します。

入力内容は外部へ送信しません

色の変換とコントラスト計算はブラウザ内だけで行います。入力したカラーコードや結果を当社のサーバーへ保存しません。

画像から色を調べる場合

写真やイラスト内の色を取得したい場合は、画像カラーピッカーを利用できます。