カラーコード変換：HEX・RGB・HSL・OKLCH
CSSの色をHEX、RGB、HSL、HWB、OKLCH、CMYKの間で変換し、白と黒に対するWCAGコントラストをチェックして、明るい色調と暗い色調のバリエーションも作成できます。
使い方
- 1
入力を貼り付けるか入力する
テキストやコードを貼り付けるか、ファイルをエディターにドロップ、または「ファイルを開く」をクリックします。「サンプルを読み込む」で使い方を確認できます。
- 2
オプションを選ぶ
入力と同時に結果が更新されます。モードやオプションを切り替えて、必要な出力に仕上げましょう。
- 3
コピーまたはダウンロード
ワンクリックで結果をクリップボードにコピーするか、ファイルとしてダウンロードします。
PixNudgeが選ばれる理由
データはブラウザの外に出ません
パスワード、APIキー、トークン、SQLクエリ、顧客データはお使いのデバイス上で処理され、サーバーに送信されることはありません。
すぐに結果を表示
アップロードも待ち時間もありません。大きな入力でも、入力と同時に結果が表示されます。
無料・登録不要
アカウント不要、利用制限なし、ツール内に広告もありません。ブックマークして、必要なときにいつでもお使いください。
よくある質問
どんな形式の色を入力できますか？
ブラウザがCSSの色として認識できるものなら何でも入力できます。#の有無を問わない16進数コード、rgb()、hsl()、hwb()、lab()、lch()、oklch()、color()、そしてrebeccapurpleのような148種類の色名です。
コントラストのバッジは何を意味しますか？
WCAG 2では、通常の文字（AA）に4.5:1以上、大きな文字に3:1以上、より厳しいAAAレベルでは7:1以上のコントラスト比が求められます。バッジは、その色を白背景と黒背景の文字として使ったときに、どのレベルを満たすかを示します。
CMYKの値はそのまま印刷に使えますか？
カラープロファイルを使わない単純な計算による変換です。印刷ではFOGRAやGRACoLなどのプロファイルが使われるため、正確な印刷色が必要な場合は印刷会社に確認するか、デザインツールで変換してください。