カラーピッカー
色を選択し、HEX、RGB、HSL間で変換。カラーハーモニーとシェードバリエーションを生成。
HEX、RGB、HSL間で変換
補色と類似色を生成
ワンクリックでCSS値をコピー
シェードとティントのバリエーションを作成
R
G
B
H°
S%
L%
#3B82F6rgb(59, 130, 246)rgba(59, 130, 246, 1)hsl(217, 91%, 60%)hsla(217, 91%, 60%, 1)色を選択し、HEX、RGB、HSL間で変換。カラーハーモニーとシェードバリエーションを生成。
#3B82F6rgb(59, 130, 246)rgba(59, 130, 246, 1)hsl(217, 91%, 60%)hsla(217, 91%, 60%, 1)