すべてのツール

カラーコンバーター

HEX、RGB、HSL 間で変換

プレビュー

#0ea5e9
rgb(14, 165, 233)
hsl(199, 89%, 48%)
[#0EA5E9]

RGB を編集

HSL を編集

使い方

カラーコンバーターHEX、RGB、HSL 間で変換. すべての処理はブラウザ内で行われます — アップロード不要、登録不要、メール不要。永久無料。

最終更新:

カラーコンバーター について

カラーコンバーターは、HEX・RGB・HSL・HSV・CMYK などの色表現を相互変換するツールです。デザインカンプの色を CSS に変換したい、印刷用に CMYK を確認したいといった場面で活躍します。

カラーピッカーから選んだ色をその場で複数フォーマットに変換でき、Tailwind や CSS 変数のコピーもワンクリックです。

よくある質問

対応する色空間は?

HEX、RGB、HSL。クラス名に直接貼れる「Tailwind arbitrary value」形式も生成します。

パレットを保存できますか?

まだです。当面はコピーボタンで各値をクリップボードに送ってください。パレット保存はロードマップにあります。

アルファチャネルは扱えますか?

現状は不可。不透明色に注力中で、HEX-A と RGBA 対応は計画中です。

CMYK 変換は印刷で使えますか?

RGB から CMYK への変換は近似値です。印刷用途では印刷所のカラープロファイルに合わせて最終確認してください。

アルファ値(透明度)も扱えますか?

はい。RGBA・HSLA に対応します。

ブランドカラーを保存できますか?

現バージョンでは保存機能はありません。HEX をブックマークやメモに残してください。

関連ツール