カラー選択ツール

直感的に使えるオンラインカラー選択ツールで、プロジェクトに合った色を簡単に見つけられます。RGB・HSL・HEXのカラーコードに対応。好きな色を選んでコードをコピーし、HTMLやCSS、デザインに活用できます。

右向き矢印 選択した色
右向き矢印 色
右向き矢印 最近使った色
Hex #FF0000
RGB 255, 0, 0
HSV 0, 100%, 100%
HSL 0, 100%, 50%
色相 0
R
255
G
0
B
0
H
0
S
100
L
50
右向き矢印 背景色
右向き矢印 文字色
テキスト

HTMLコード

style="background-color: #FF0000"
style="background-color: rgb(255, 0, 0)"
style="color: #FF0000"
style="color: rgb(255, 0, 0)"

CSSコード

background-color: #FF0000;
background-color: rgb(255, 0, 0);
color: #FF0000;
color: rgb(255, 0, 0);
右向き矢印 単色
右向き矢印 補色
右向き矢印 類似色
右向き矢印 トライアド