[CSS] 컬러 차트 리스트

The table below lists all of the 80 colors in the color picker along with their names and Hex codes.

Row#	Color	Name	Hex code
1		black	#000000
1		dark gray 4	#434343
1		dark gray 3	#666666
1		dark gray 2	#999999
1		dark gray 1	#b7b7b7
1		gray	#cccccc
1		light gray 1	#d9d9d9
1		light gray 2	#efefef
1		light gray 3	#f3f3f3
1		white	#ffffff
2		red berry	#980000
2		red	#ff0000
2		orange	#ff9900
2		yellow	#ffff00
2		green	#00ff00
2		cyan	#00ffff
2		cornflower blue	#4a86e8
2		blue	#0000ff
2		purple	#9900ff
2		magenta	#ff00ff
3		light red berry 3	#e6b8af
3		light red 3	#f4cccc
3		light orange 3	#fce5cd
3		light yellow 3	#fff2cc
3		light green 3	#d9ead3
3		light cyan 3	#d0e0e3
3		light cornflower blue 3	#c9daf8
3		light blue 3	#cfe2f3
3		light purple 3	#d9d2e9
3		light magenta 3	#ead1dc
4		light red berry 2	#dd7e6b
4		light red 2	#ea9999
4		light orange 2	#f9cb9c
4		light yellow 2	#ffe599
4		light green 2	#b6d7a8
4		light cyan 2	#a2c4c9
4		light cornflower blue 2	#a4c2f4
4		light blue 2	#9fc5e8
4		light purple 2	#b4a7d6
4		light magenta 2	#d5a6bd
5		light red berry 1	#cc4125
5		light red 1	#e06666
5		light orange 1	#f6b26b
5		light yellow 1	#ffd966
5		light green 1	#93c47d
5		light cyan 1	#76a5af
5		light cornflower blue 1	#6d9eeb
5		light blue 1	#6fa8dc
5		light purple 1	#8e7cc3
5		light magenta 1	#c27ba0
6		dark red berry 1	#a61c00
6		dark red 1	#cc0000
6		dark orange 1	#e69138
6		dark yellow 1	#f1c232
6		dark green 1	#6aa84f
6		dark cyan 1	#45818e
6		dark cornflower blue 1	#3c78d8
6		dark blue 1	#3d85c6
6		dark purple 1	#674ea7
6		dark magenta 1	#a64d79
7		dark red berry 2	#85200c
7		dark red 2	#990000
7		dark orange 2	#b45f06
7		dark yellow 2	#bf9000
7		dark green 2	#38761d
7		dark cyan 2	#134f5c
7		dark cornflower blue 2	#1155cc
7		dark blue 2	#0b5394
7		dark purple 2	#351c75
7		dark magenta 2	#741b47
8		dark red berry 3	#5b0f00
8		dark red 3	#660000
8		dark orange 3	#783f04
8		dark yellow 3	#7f6000
8		dark green 3	#274e13
8		dark cyan 3	#0c343d
8		dark cornflower blue 3	#1c4587
8		dark blue 3	#073763
8		dark purple 3	#20124d
8		dark magenta 3	#4c1130

rgb(255,255,255,0.5) 0 ~ 1의 값으로 설정할 수 있다. 0에 가까울수록 투명해진다.

rgba(3, 169, 244, 0.1) rgba-blue-slight

rgba(244, 67, 54, 0.1) rgba-red-slight

rgba(233, 30, 99, 0.1) rgba-pink-slight

rgba(156, 39, 176, 0.1) rgba-purple-slight

rgba(63, 81, 181. 0.1) rgba-indigo-slight

rgba(0, 188, 212, 0.1) rgba-cyan-slight

rgba(0, 150, 136, 0.1) rgba-teal-slight

#rgba(76, 175, 80, 0.1) rgba-green-slight

rgba(205, 220, 57, 0.1) rgba-lime-slight

rgba(255, 235, 59, 0.1) rgba-yellow-slight

rgba(255, 152, 0, 0.1) rgba-orange-slight

rgba(121, 85, 72, 0.1) rgba-brown-slight

rgba(158, 158, 158. 0.1) rgba-grey-slight

rgba(96, 125, 139, 0.1) rgba-bluegrey-slight

rgba(0, 0, 0, 0.1) rgba-black-slight

rgba(62, 69, 81, 0.1) rgba-stylish-slight

rgba(255, 255, 255, 0.1) rgba-white-slight

 

#929494

#D0C6AE

#F5DCB2

#F9B79F

#F98E8A

#FFD7AA

#FFCCA7

#FFC2A4

#FFB8A2

#FFAE9F

#F1E2CA

#D1CEA9

#A9BB8F

#79A97D

#3D9776

#FFF9EC

#FFDCCC

#FCB1A6

#FB6376

#5D2A42