デザイン

カラー変換

HEX・RGB・HSL を相互変換。

選ぶ

HEXまたはHEXA

rgb()

RGB · クリックしてコピー

hsl()

HSL · クリックしてコピー

cmyk()

CMYK推定値 · クリックしてコピー

sRGBからの推定値です。ICCプロファイルは使用していません。印刷校正の代わりにはなりません。

HEX、RGB、HSL、OKLCH、LAB間で色を変換。

色を選ぶかHEX/HEXAコードを貼り付けます。alphaを保持したまますべての形式をリアルタイム更新し、D50補正済みCSS Labと白/黒テキストに対するWCAGコントラストバッジを表示します。

対応しているフォーマットは何ですか？

HEX/HEXA、RGB、HSL、OKLCH、CIELAB、推定CMYK値です。CSS lab()出力には規定のD50ホワイトポイントを使用し、形式を変えてもアルファ値を保持します。

値をコピーできますか？

はい。任意の値をクリックしてコピーするか、「全形式をコピー」で完全なブロックを取得できます。表計算ソフト用にはCSVをダウンロードできます。

CSSに適していますか？

はい。RGB、HSL、OKLCHの出力は、CSSにそのまま貼り付けられる形式です。パイプラインリンクから、その色をパレット、シェード、コントラストの各ツールへ送れます。

最終更新日: 2026-09-02