CLR / 02 · 色ツール

カラーパレット生成

基準色から配色、明るさ違い、濃さ違いを作り、HEXコードをすぐコピーできます。

配色パレット生成ツール

変換しました

出力⁦444⁩ 文字

基準の色

#3b82f6

配色の型

#3b82f6 #f6af3b

色数

12

配色の型
⁨1⁩ 段目   #3b82f6   rgb(59 130 246)
⁨2⁩ 段目   #f6af3b   rgb(246 175 59)

明るい段、白へ向かって
⁨1⁩ 段目   #3b82f6   rgb(59 130 246)
⁨2⁩ 段目   #629bf8   rgb(98 155 248)
⁨3⁩ 段目   #89b4fa   rgb(137 180 250)
⁨4⁩ 段目   #b1cdfb   rgb(177 205 251)
⁨5⁩ 段目   #d8e6fd   rgb(216 230 253)

暗い段、黒へ向かって
⁨1⁩ 段目   #3b82f6   rgb(59 130 246)
⁨2⁩ 段目   #0b5fe9   rgb(11 95 233)
⁨3⁩ 段目   #0847af   rgb(8 71 175)
⁨4⁩ 段目   #053075   rgb(5 48 117)
⁨5⁩ 段目   #03183a   rgb(3 24 58)

支援する 💚ToolZool を無料に保つ手助けを

カラーパレット生成

みなさんのおかげで、ToolZoolは無料のまま

みなさんのおかげで、
ToolZoolは無料のまま