カラーコード変換
swiftwand
カラーコード変換
HEX / RGB / HSL / HSV の4種類のカラーコードを相互変換する無料ツール。リアルタイムプレビュー、RGB スライダーで微調整、20色のプリセットパレット、CSS色名も対応。デザイン・コーディング・SNS投稿の配色決定に。
🎨 カラーコード変換
HEX / RGB / HSL / HSV を相互変換、リアルタイムプレビュー付き。スライダーで色を調整、20色のプリセットパレットでよく使う色も即適用。
#1890ff
RGB スライダー
プリセットパレット
※入力欄を直接編集すると他の表記も自動更新されます。HEX入力欄に
red blue 等のCSS色名も入力可能。カラーコード形式の使い分け
- HEX:
#1890ff— 最も普及、CSSでよく使う。短いが直感的でない - RGB:
rgb(24, 144, 255)— 赤緑青の混色量。透明度は rgba() - HSL:
hsl(209, 100%, 55%)— 色相・彩度・輝度。明度の調整に直感的 - HSV:
hsv(209, 91%, 100%)— Photoshop等のデザインツール標準