HEX RGB HSL CMYK変換

HEX・RGB・HSL・CMYKの色を相互変換。色のプレビューを見ながら値をコピーし、4形式の結果を保存できます。

値を設定

ブラウザー内で処理し、データはアップロードしません。

RGBは0~255の整数、HSLは0~360度と0~100%、CMYKは0~100%。CMYKは印刷用ICCプロファイルを使わない数式変換です。

結果

データを入力して実行してください。


        
        

入力値やファイル内容を統計に含めず、どのツールが使われたかを集計します。 プライバシー

ツールの使い方

  1. 形式 / 値を設定します。
  2. 「実行」を押し、結果を確認してコピーボタンまたは保存ボタンを使ってください。

方法と制限

RGBは0~255の整数、HSLは0~360度と0~100%、CMYKは0~100%。CMYKは印刷用ICCプロファイルを使わない数式変換です。

例

#FF0000 → RGB 255, 0, 0; HSL 0, 100, 50; CMYK 0, 100, 100, 0

具体的な使用例

入力
形式: HEX 値: #336699
結果
{ "HEX": "#336699", "RGB": "51, 102, 153", "HSL": "210, 50, 40", "CMYK": "66.67, 33.33, 0, 40" }
実用ガイド

コントラスト比を、丸め誤差とテーマの違いまで確認する

違う色に見えても、文字が読みにくい組み合わせはあります。実際の文字色と背景色を測り、文字の大きさや画面の状態も確認しましょう。

手順を見る

お気に入り