カラープレビュー
カラーサンプル
#3B82F6
RGB(59, 130, 246)
HEXカラーコードを入力
変換結果
HEX
#3B82F6
RGB
59, 130, 246
HSL
217°, 91%, 60%
HSV
217°, 76%, 96%
CMYK
76%, 47%, 0%, 4%
CSS RGB
rgb(59, 130, 246)
プリセットカラー
レッド
#EF4444
オレンジ
#F97316
イエロー
#EAB308
グリーン
#22C55E
ブルー
#3B82F6
インディゴ
#6366F1
パープル
#A855F7
ピンク
#EC4899
グレー
#6B7280
ブラック
#000000
ホワイト
#FFFFFF
スレート
#475569
このツールについて
対応形式
- HEX - #RRGGBB形式（Webでよく使用）
- RGB - Red, Green, Blue（0-255）
- HSL - Hue, Saturation, Lightness
- HSV - Hue, Saturation, Value
- CMYK - Cyan, Magenta, Yellow, Key（印刷用）
利用場面
- Web デザイン・開発
- グラフィックデザイン
- CSS・HTMLのカラー指定
- 印刷物のカラーマッチング
- ブランドカラーの統一管理
主な機能
- 各形式間の高精度変換
- リアルタイムカラープレビュー
- スライダーによる直感的操作
- カラーピッカー対応
- プリセットカラー集
- 変換結果のワンクリックコピー
広告
このツールでできること
カラーコード変換ではHEX・RGB・HSL・HSV・CMYK形式の色変換ツールができます。ブラウザ上で条件を変えながら動作や結果を確認したいときに使いやすいツールです。
基本的な使い方
- 1変換したい色コードを入力します。
- 2HEX、RGB、HSL、HSV、CMYK の各形式を確認します。
- 3目的の形式をコピーしてデザインや開発に使います。
使う前のポイント
CMYK は印刷環境によって見え方が変わるため、最終出力先でも確認してください。
基本的な使い方
- 1変換したい色コードを入力します。
- 2HEX、RGB、HSL、HSV、CMYK の各形式を確認します。
- 3目的の形式をコピーしてデザインや開発に使います。
使う前のポイント
CMYK は印刷環境によって見え方が変わるため、最終出力先でも確認してください。