カラーコンバーター

HEX、RGB、HSL、HSV、CMYKの各カラーフォーマットをリアルタイムで相互変換。透明度(アルファチャンネル)にも対応しています。

対応カラーフォーマット

デジタルデザインやフロントエンド開発で利用される主要な色空間の概要。

#RRGGBB

HEX

赤・緑・青の各チャンネルを00〜FFの16進数で表現。CSSやWebデザインで最も広く使われる規格です。

rgb(r, g, b)

RGB

光の三原色(赤・緑・青)の強さを0〜255の数値で指定する加法混色モデルです。

hsl(h, s%, l%)

HSL

色相(0〜360度)、彩度、輝度で表現。人間にとって直感的で調和の取れた配色を作りやすい形式です。

hsv(h, s%, v%)

HSV / HSB

色相、彩度、明度(明暗)による表現。ペイントソフトやカラーピッカーのUIで定番です。

cmyk(c%, m%, y%, k%)

CMYK

シアン、マゼンタ、イエロー、ブラックによる減法混色。商業印刷やDTPで基準となる色空間です。

ツールについて

Web制作、UIデザイン、アクセシビリティ検証に最適化されたツールです。

01

UIデザイン

グラフィックソフト、CSSスタイルシート、デザイントークン用のカラーコードを素早く取得。

02

フロントエンド開発

デザインカンプの色指定を最新のCSSカラー記法へ瞬時に変換。

03

色彩検証

各色成分や透明度の数値を正確に把握し、仕様書やガイドラインの策定に活用。