カラーコード変換
HEX・RGB・HSL・HSV・CMYK をリアルタイムで相互変換。画面からのスポイト、WCAGコントラスト確認、明暗パレットにも対応。無料でブラウザだけで使えます。
- アップロードなし
- 制限なし
- 登録不要
HEX、RGB、HSL、HSV、CMYK、またはCSSの色名を入力してください。すべての形式がリアルタイムで更新されます。
コントラスト（WCAG）
白背景
サンプルテキスト Aa
コントラスト比: 3.68:1
- AA 通常テキスト: 不合格
- AA 大きいテキスト: 合格
- AAA 通常テキスト: 不合格
- AAA 大きいテキスト: 不合格
黒背景
サンプルテキスト Aa
コントラスト比: 5.71:1
- AA 通常テキスト: 合格
- AA 大きいテキスト: 合格
- AAA 通常テキスト: 不合格
- AAA 大きいテキスト: 合格
明るい色と暗い色
- 入力:
- HEX
- 出力:
- HEX
- 実行環境:
- お使いの端末
- サイズ上限:
- なし
- アカウント:
- 不要
カラーコード変換 の使い方
色を入力または選択
HEX、RGB、HSL、HSV、CMYK の値やCSSの色名を入力するか、カラーピッカー、または画面からスポイトで色を取得します。
すべての形式を確認
HEX、RGB、HSL、HSV、CMYK が即座に更新され、コントラスト比や明暗のパレットも表示されます。
必要な形式をコピー
形式の横にあるコピーをクリックして、CSS、デザインツール、コードに貼り付けます。
Toolshed で カラーコード変換 を使う理由
アップロードなし
すべてこのブラウザのタブ内で処理されます。ファイルが端末の外に出ることはありません。
制限なし
ファイルサイズの上限も、1 日の利用回数の制限もありません。端末が処理できる限り、いくらでも使えます。
登録不要
アカウントもメールアドレスも不要で、透かしも入りません。
よくある質問
どんな色の形式を入力できますか？
HEX（#rgb、#rrggbb、#rrggbbaa）、rgb()・rgba()、hsl()・hsla()、hsv()、cmyk()、そして rebeccapurple などCSSの148色名に対応しています。rgb(59 130 246 / 50%) のようなスペース区切りの新しい書式も使えます。
AAとAAAのバッジは何を意味しますか？
白または黒の背景でテキスト色として使った場合に、WCAGのコントラスト基準を満たすかを示します。AAは通常テキスト4.5:1・大きいテキスト3:1、AAAは7:1・4.5:1が必要です。
「画面から選ぶ」ボタンが表示されないのはなぜですか？
ブラウザのEyeDropper APIを使用しており、Chrome、EdgeなどのChromium系ブラウザで利用できます。他のブラウザではカラーピッカーか値の入力をご利用ください。
ファイルはどこかにアップロードされますか？
いいえ。カラーコード変換 はすべてブラウザ内で動作します。ファイルは端末上で処理され、サーバーに送信されることはありません。
ファイルサイズの上限はありますか？
決まった上限はありません。制限となるのは端末のメモリだけです。非常に大きなファイルは、パソコンのブラウザのほうが快適に動作します。
カラーコード変換 は本当に無料ですか？
はい。アカウントは不要で、透かしも入りません。各ダウンロードは、短い広告（視聴は任意）か 20 秒の待ち時間で有効になります。このしくみで無料を維持しています。