colorate
colorateはデザイナーや開発者向けの配色ツールです。あなたのインスピレーションを引き出し、よりよい配色の構成に役立ちます。
Hue Chart
色相をもとに色彩を選択することができます。選択した色相を基本色として、彩度と明度から色のトーンが表示されます。
色相
♦
彩度 + 明度
#FF0000
#E50000
#CC0000
#B20000
#990000
#7F0000
#660000
#4C0000
#330000
#190000
#000000
#FF1919
#E51616
#CC1414
#B21111
#990F0F
#7F0C0C
#660A0A
#4C0707
#330505
#190202
#000000
#FF3232
#E52D2D
#CC2828
#B22323
#991E1E
#7F1919
#661414
#4C0F0F
#330A0A
#190505
#000000
#FF4C4C
#E54444
#CC3D3D
#B23535
#992D2D
#7F2626
#661E1E
#4C1616
#330F0F
#190707
#000000
#FF6565
#E55B5B
#CC5151
#B24747
#993D3D
#7F3232
#662828
#4C1E1E
#331414
#190A0A
#000000
#FF7F7F
#E57272
#CC6666
#B25959
#994C4C
#7F3F3F
#663333
#4C2626
#331919
#190C0C
#000000
#FF9999
#E58989
#CC7A7A
#B26B6B
#995B5B
#7F4C4C
#663D3D
#4C2D2D
#331E1E
#190F0F
#000000
#FFB2B2
#E5A0A0
#CC8E8E
#B27C7C
#996B6B
#7F5959
#664747
#4C3535
#332323
#191111
#000000
#FFCCCC
#E5B7B7
#CCA3A3
#B28E8E
#997A7A
#7F6666
#665151
#4C3D3D
#332828
#191414
#000000
#FFE5E5
#E5CECE
#CCB7B7
#B2A0A0
#998989
#7F7272
#665B5B
#4C4444
#332D2D
#191616
#000000
#FFFFFF
#E5E5E5
#CCCCCC
#B2B2B2
#999999
#7F7F7F
#666666
#4C4C4C
#333333
#191919
#000000