カラーコンバーター
HEX・RGB・HSL・HSV・HWB の色形式を相互に変換。
100% プライベート——すべてブラウザ内で動作
広告
使い方
- 1
#3B82F6、rgb(59, 130, 246)、hsl(217, 91%, 60%) など一般的な形式の色を入力または貼り付けます。
- 2
HEX・RGB・HSL・HSV・HWB の5形式が即座に表示されます。
- 3
任意の値をワンクリックでコピーできます。
使用例
HEX から変換
入力
#3B82F6出力
rgb(59, 130, 246) · hsl(217, 91%, 60%) · hsv(217, 76%, 96%) · hwb(217 23% 4%)RGB から変換
入力
rgb(255, 99, 71)出力
#FF6347 · hsl(9, 100%, 64%) · hsv(9, 72%, 100%) · hwb(9 28% 0%)よくある質問
対応している入力形式は？
# あり・なしの HEX コード（3桁・8桁の省略形を含む）、rgb() / rgba()、hsl() / hsla() に対応しています。
HSL と HSV の違いは？
どちらも色相を基準にしますが、HSL は明度（lightness）、HSV は明度（value）を測ります。デザインツールは彩度と明度を独立して調整できる HSV をよく使います。
サーバーに送信されますか？
いいえ、すべての変換はブラウザ内でローカルに行われます。