カラーコード変換

HEX・RGB・HSL・CMYK を見本つきで相互変換。

無料 · 登録不要 · 端末内で処理

処理はブラウザの中だけ

  • 即時結果
  • 0送信
  • 1 tapコピー可
  • 無料登録不要
実際の使い勝手

安心して使えるポイント

  • 0件の送信
    • 入力はこの端末に残ります
    • 処理のための送信はなし
  • 即時つの出力
    • 作業エリアで結果を更新
    • 入力を変えてすぐ比較
  • 1 tap回でコピー
    • 結果をコピー
    • 登録もインストールも不要
仕様

カラーコード変換ツールの仕様一覧

入力
HEX・RGB・HSL・CMYK の色
出力
4形式すべての対応値
方式
sRGB 変換、このタブで実行
入力欄が受け付ける書式
省略形 HEX と各種記法
料金
無料
処理する場所
あなたの端末の中
使い方

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

  1. 1

    1つ入力する

    手元にある表記に合わせて、HEX・RGB・HSL・CMYK のどれかに入力します。

  2. 2

    残り3つを読む

    直した瞬間に残りの欄と見本が追従するので、同じ色を4通りで確認できます。

  3. 3

    4つまとめてコピー

    下の結果欄に4つの値が並び、「結果をコピー」でまとめてクリップボードに入ります。

よくある質問

よくある質問

アップロードなしで使える？

はい。入力はブラウザのタブの中で処理されます。処理用のサーバーに送られることも、アカウントに保存されることもありません。

コピーする前に結果を変えられる？

はい。操作するたびに結果が更新されます。求めている出力になってからコピーしてください。

対応ブラウザは？

Chrome・Edge・Firefox・Safari の最新版であれば、ここで使う機能に対応しています。かなり古いブラウザでは必要な機能がないことがあります。

HEX を入力している途中はどうなりますか？

枠が赤くなり、スクリーンリーダー向けにも無効と伝えます。ただし入力内容は書き換えません。入力途中の値が勝手に別の色に変わることはありません。

解説

往復すると数値がずれることがある理由

HEX と RGB は同じ 8 ビットの値なので常に一致します。HSL と CMYK は計算で求めるため、元に戻すと 1〜2 ポイントずれます。

  • ここでの CMYK は単純な計算であり、印刷プロファイルではありません。印刷所の校正刷りは画面の表示とは一致しません。
  • CSS では HEX と RGB はどちらを使っても同じです。明るさを手で調整したいときは、HSL が扱いやすい形式です。

仕様をすべて見る

カラーコード変換ツールの仕様
入力HEX・RGB・HSL・CMYK のいずれかで表した色。
出力4つの表記すべてで、対応する値。
方式ブラウザ側で sRGB として変換し、端数を整えます。
入力欄が受け付ける書式#abc・abc・ABC は同じ扱い。RGB／HSL／CMYK 欄は 12/34/56 も可。
料金無料。作業領域の外に、広告と分かる形で広告を出しています。
処理する場所このブラウザのタブの中。入力がアップロードされることはありません。
次にできること

同じファイルのまま続ける

カラーツール一覧： SPOTTOOLSのカラーツール