🎨 カラーコード変換
HEX・RGB・HSL・CMYK・HSV形式の間で色を変換
✓ ずっと無料 · ✓ 登録不要 · ✓ アップロード不要 · ✓ オフライン対応
🔒 データがデバイスの外に出ることはありません。 すべての処理はJavaScriptによる色計算を使用してブラウザ内でローカルに行われます。アップロード、サーバー、追跡は一切ありません。
特長
- 5つのカラー形式 — HEX・RGB・HSL・CMYK・HSVの色表現を相互に変換できます。
- ライブプレビュー — 値を入力・調整すると、色のプレビューがその場で表示されます。
- CSSの名前付きカラー — CSSの名前付きカラー全148色を一覧して変換できます。
- どの形式でもコピー — どの形式のカラー値もワンクリックでコピーできます。
仕組み
- 色を入力 — HEXコード、RGB値、HSL値を入力するか、CSSの名前付きカラーから選びます。
- すべての形式を確認 — 5つのカラー表記が同時に更新されます。
- 必要なものをコピー — 好きな形式をクリックしてコピーし、コードやデザインツールで使えます。
活用例
- 変換 HEX colors to RGB or HSL for CSS
- 印刷デザイン用のCMYK値を取得
- CSSの名前付きカラーとその値を調べる
よくある質問
CMYK変換の精度はどれくらいですか？
標準的な数式で変換しています。プロの印刷物には、ICCプロファイルを使ったカラーマネジメントのワークフローをおすすめします。
どの形式でも色を入力できますか？
はい。HEXコード、RGB値、HSL値を入力するか、CSSの名前付きカラーの一覧から選ぶと、ほかの形式もすべて自動で更新されます。
関連ツール
- 🎯 カラーピッカー — 画像から色を取得 — クリックでパレットに保存
- 📏 単位変換 — 長さ・重さ・温度・データ量などの単位を相互変換
- #️⃣ ハッシュ生成 — テキストやファイルから暗号学的ハッシュを生成
💬 バグ、アイデア、ご挨拶など？ Milo 🐨 に連絡 · [email protected]