🎨
カラーコード変換ツール
#3B82F6
HEX
コピー
RGB
コピー
r
g
b
rgb(59, 130, 246)
HSL
コピー
H
217°
S
91%
L
60%
hsl(217, 91%, 60%)
🎨 カラーハーモニー
補色
元の色
補色
類似色
+30°
+-30°
元の色
トライアド
元の色
+120°
+240°
📋 CSSカラー名一覧（クリックで選択）
red
orange
yellow
lime
green
cyan
blue
purple
magenta
pink
hotpink
coral
tomato
gold
khaki
olive
teal
navy
indigo
violet
lavender
plum
orchid
salmon
sienna
chocolate
tan
beige
ivory
white
snow
silver
gray
dimgray
black
skyblue
steelblue
dodgerblue
royalblue
mediumblue
入力情報はブラウザ内のみで処理されます。