カラーコンバーター — HEX・RGB・HSL・HSV・CMYK変換

HEX・RGB・HSL・HSV・CMYKカラー形式を相互変換。内蔵カラーピッカー。WCAGコントラストチェッカー。カラー名データベース対応。

無料で使う →

機能

🔄

全形式を一括変換

HEX・RGB・RGBA・HSL・HSLA・HSV・CMYKを同時に相互変換。

🎨

ビジュアルカラーピッカー

インタラクティブなカラーホイールと彩度・輝度スクエア。クリックで任意の色を選択。

👁️

WCAGコントラストチェッカー

テキストと背景色のコントラストをWCAG AA・AAAに準拠しているか確認。

📋

カラー名表示

選択した色に最も近いCSSカラー名を表示。

🔒

プライバシー優先

変換はすべて純粋なJavaScriptで処理。ネットワーク通信なし。

📋

任意の形式をコピー

任意の形式をクリックでクリップボードにコピー。

使い方

1

色を選ぶか入力

ビジュアルピッカー・カラーコード(HEX・RGB・HSL)入力・命名カラーリストのいずれかで色を選択。

2

全形式を確認

HEX・RGB・HSL・HSV・CMYKへの変換結果が即時表示される。

3

コントラストをチェック

2色目を入力してWCAGコントラスト比とコンプライアンスレベルを確認する。

4

コピーする

任意の形式の値をクリックでクリップボードにコピー。

よくある質問

対応するカラー形式は何ですか?
HEX(#RRGGBB、#RGB)、RGB/RGBA、HSL/HSLA、HSV、CMYKに対応。すべての変換は双方向で行えます。
WCAGコントラストチェックとは何ですか?
WCAGはテキストと背景色の最小コントラスト比を規定しています。AA水準は通常テキストで4.5:1、大きなテキストで3:1。AAA水準はそれぞれ7:1と4.5:1が必要です。
知覚的輝度とは何ですか?
人間の目にどれだけ明るく見えるかを計算する指標(人間の視覚感度に基づいた重み付け)。色背景上のテキスト色を選ぶ際に役立ちます。
CMYK変換の仕組みは?
標準的なRGB→CMYK変換式を使用しています。印刷精度が必要な場合はプロファイルベースの変換が必要です。
データはサーバーに送信されますか?
されません。すべてのカラー変換はブラウザ内でJavaScriptにより処理。ネットワーク通信は行いません。

← pudone! ホームへ戻る