カラーコンバーター

Color Converter
Copied!

HEX

#3B82F6

Click to copy

RGB

rgb(59, 130, 246)

Click to copy

HSL

hsl(217, 91%, 60%)

Click to copy

CMYK

cmyk(76%, 47%, 0%, 4%)

Click to copy

HEX、RGB、HSL、CMYK形式のあらゆる色をリアルタイムで即座に変換するカラーツール。ライブカラープレビュー、ネイティブカラーピッカー、各形式のワンクリックコピー、色相回転に基づく自動生成の8色調和パレットを搭載。デザイナー、開発者、印刷プロフェッショナルに必須。

このカラーコンバーターを使う理由

  • 4形式対応 — HEX、RGB、HSL、CMYKを同時変換。
  • ライブプレビュー — 入力時に大サイズの見本で正確な色を確認。
  • クリックコピー — 任意の形式の値をクリップボードに直接コピー。
  • 内蔵パレット — 45度色相回転で8色の補色を自動生成。

主な機能

  • HEX入力: 任意の16進数カラーコードを入力または貼り付けます(#F00のような省略形もサポート)。
  • ネイティブピッカー: ブラウザに組み込まれたカラーピッカーを使用して視覚的に選択します。
  • CMYK出力: 印刷デザインに有用で、標準的なRGB→CMYK変換式から計算されます。
  • パレットジェネレーター: HSL色相回転による自動8色スウォッチパレット。

仕組み

HEXはR、G、B整数に解析されます。RGB→HSL変換には標準的な最小/最大輝度の式が使用されます。RGB→CMYK変換では、キー(K)を
min(1-R/255, 1-G/255, 1-B/255)
として計算し、残りの値からC、M、Yを導き出します。パレットは、彩度と輝度を保ちながら色相チャンネルを45°刻みで回転させます。

カラーコンバーターをお試しください

カラーピッカーで色を選択するか、HEXコードを入力してください。4つのフォーマットすべてがリアルタイムで更新されます — 任意のカードをクリックして値をコピーできます。