デザインツール
カラーコード変換
HEX・RGB・HSLのいずれかで色を入力して「色を変換」を押すと、ほかの形式の値とプレビューが表示されます。
ブラウザ内で動作。アップロード不要。
HEX・RGB・HSLに対応しています。
HEX
RGB
HSL
このツールについて
カラーコード変換をもっと手軽に。
CSSの指定やブランドカラーの管理、デザインカンプからの色の書き写しに便利です。#FFFのような3桁のカラーコードや、#を省いた入力にも対応しています。変換とプレビューはすべてブラウザ内で行われます。
よくある質問
カラーコード変換について
カラーコード（HEX）をRGBに変換するには？
#4D6BFFのようなカラーコードを入力して「色を変換」を押します。RGBとHSLの値が表示され、色のプレビューも確認できます。
RGBやHSLの値からカラーコードを求められますか？
はい。rgb(77,107,255)やhsl(231,100%,67%)の形式で入力すると、HEXのカラーコードに変換されます。#FFFのような3桁の表記も入力できます。
CMYKにも変換できますか？
いいえ。対応しているのはHEX・RGB・HSLの3形式のみです。変換はブラウザ内で行われ、無料・登録不要で使えます。