웹 컬러 색상 코드표 – HTML CSS를 위한 색상 팔레트

색감별 색상 팔레트

HTML과 CSS에서 사용할 수 있는 웹 컬러 색상 코드표입니다. 색감별 색상 값을 확인하고 쉽게 복사해 활용할 수 있습니다.

색상 위에 커서를 올리면 색상 값이 표시됩니다.

참고하세요!
컬러 피커(Color Picker, 색상 선택기)에서는 원하는 색상을 선택하여 색상 코드로 가져올 수 있습니다.

빨강 계열

#FFF8F8

#FFF5F5

#FFF3F3

#FFF0F0

#FFEDED

#FFEAEA

#FFE8E8

#FFE5E5

#FFE3E3

#FFE0E0

#FFDDDD

#FFDADA

#FFD8D8

#FFD5D5

#FFD3D3

#FFD0D0

#FFCDCD

#FFCACA

#FFC8C8

#FFC5C5

#FFC3C3

#FFC0C0

#FFBDBD

#FFBABA

#FFB8B8

#FFB5B5

#FFB3B3

#FFB0B0

#FFADAD

#FFAAAA

#FFA8A8

#FFA5A5

#FFA3A3

#FFA0A0

#FF9D9D

#FF9A9A

#FF9898

#FF9595

#FF9393

#FF9090

#FF8D8D

#FF8A8A

#FF8888

#FF8585

#FF8383

#FF8080

#FF7D7D

#FF7A7A

#FF7878

#FF7575

#FF7373

#FF7070

#FF6D6D

#FF6A6A

#FF6868

#FF6565

#FF6363

#FF6060

#FF5D5D

#FF5B5B

#FF5858

#FF5555

#FF5252

#FF5050

#FF4D4D

#FF4B4B

#FF4848

#FF4545

#FF4242

#FF4040

#FF3D3D

#FF3B3B

#FF3838

#FF3535

#FF3333

#FF3030

#FF2D2D

#FF2B2B

#FF2828

#FF2525

#FF2222

#FF2020

#FF1D1D

#FF1A1A

#FF1818

#FF1515

#FF1313

#FF1010

#FF0D0D

#FF0A0A

#FF0808

#FF0505

#FF0202

#FF0000

#FB0000

#F80000

#F40000

#F00000

#ED0000

#E90000

#E50000

#E20000

#DE0000

#DA0000

#D70000

#D30000

#D00000

#CC0000

#C80000

#C50000

#C10000

#BE0000

#BA0000

#B60000

#B30000

#AF0000

#AC0000

#A80000

#A40000

#A10000

#9D0000

#9A0000

#960000

#920000

#8F0000

#8B0000

#880000

#840000

#800000

#7D0000

#790000

#760000

#720000

#6E0000

#6B0000

#670000

#640000

#600000

#5C0000

#590000

#550000

#520000

#4E0000

#4A0000

#470000

#430000

#400000

#3C0000

#380000

#350000

주황색 계열

#FFE4E3

#FFE1DF

#FFDEDC

#FFDBD9

#FFD8D6

#FFD5D3

#FFD2D0

#FFCFCD

#FFCCCA

#FFC9C7

#FFC6C4

#FFC3C1

#FFC0BE

#FFBDBB

#FFBAB8

#FFB7B4

#FFB4B1

#FFB1AE

#FFAEAB

#FFABA8

#FFA8A5

#FFA5A2

#FFA29F

#FF9F9C

#FF9C99

#FF9996

#FF9693

#FF9390

#FF908D

#FF8D8A

#FF8A86

#FF8783

#FF8480

#FF817D

#FF7E7A

#FF7B77

#FF7874

#FF7571

#FF726E

#FF6F6B

#FF6C68

#FF6965

#FF6662

#FF635F

#FF605C

#FF5D58

#FF5A55

#FF5752

#FF544F

#FF514C

#FF4E49

#FF4B46

#FF4843

#FF4540

#FF423D

#FF3F3A

#FF3C37

#FF3934

#FF3631

#FF332E

#FF302A

#FF2D27

#FF2A24

#FF2721

#FF241E

#FF211B

#FF1E18

#FF1B15

#FF1812

#FF150F

#FF120C

#FF0F09

#FF0C06

#FF0903

#FF0600

#FF0600

#FC0500

#FA0500

#F70500

#F50500

#F20500

#F00500

#EE0500

#EB0500

#E90500

#E60500

#E40500

#E20500

#DF0500

#DD0500

#DA0400

#D80400

#D60400

#D30400

#D10400

#CE0400

#CC0400

#CA0400

#C70400

#C50400

#C20400

#C00400

#BE0400

#BB0400

#B90400

#B60300

#B40300

#B20300

#AF0300

#AD0300

#AA0300

#A80300

#A60300

#A30300

#A10300

#9E0300

#9C0300

#990300

#970300

#950300

#920200

#900200

#8D0200

#8B0200

#890200

#860200

#840200

#810200

#7F0200

#7D0200

#7A0200

#780200

#750200

#730200

#710200

#6E0100

#6C0100

#690100

#670100

#650100

#620100

#600100

#5D0100

#5B0100

#590100

#560100

#540100

#510100

#4F0100

#4D0100

노란색 계열

#FFFFE0

#FFFEE0

#FFFDD9

#FFFCD2

#FFFBCB

#FFFBBD

#FFFAB6

#FFFAA0

#FFF98A

#FFF874

#FFF85E

#FFF748

#FFF732

#FFF71C

#FFF700

#FFF600

#FFF500

#FFF400

#FFF300

#FFF200

#FFF100

#FFF000

#FFEF00

#FFEE00

#FFED00

#FFEC00

#FFEB00

#FFEA00

#FFE900

#FFE800

#FFE700

#FFE600

#FFE500

#FFE400

#FFE300

#FFE200

#FFE100

#FFE000

#FFDF00

#FFDE00

#FFDD00

#FFDC00

#FFDB00

#FFDA00

#FFD900

#FFD800

#FFD700

#FFD600

#FFD500

#FFD400

#FFD300

#FFD200

#FFD100

#FFD000

#FFCF00

#FFCE00

#FFCD00

#FFCC00

#FFCB00

#FFCA00

#FFC900

#FFC800

#FFC700

#FFC600

#FFC500

#FFC400

#FFC300

#FFC200

#FFC100

#FFC000

#FFBF00

#FFBE00

#FFBD00

#FFBC00

#FFBB00

#FFBA00

#FFB900

#FFB800

#FFB700

#FFB600

#FFB500

#FFB400

#FFB300

#FFB200

#FFB100

#FFB000

#FFAF00

#FFAE00

#FFAD00

#FFAC00

#FFAB00

#FFAA00

#FFA900

#FFA800

#FFA700

#FFA600

#FFA500

#FFA400

#FFA300

#FFA200

#FFA100

#FFA000

#FF9F00

#FF9E00

#FF9D00

#FF9C00

#FF9B00

#FF9A00

#FF9900

#FF9800

#FF9700

#FF9600

#FF9500

#FF9400

#FF9300

#FF9200

#FF9100

#FF9000

#FF8F00

#FF8E00

#FF8D00

#FF8C00

#FF8B00

#FF8A00

#FF8900

#FF8800

#FF8700

#FF8600

#FF8500

#FF8400

#FF8300

#FF8200

#FF8100

#FF8000

#FF7F00

#FF7E00

#FF7D00

#FF7C00

#FF7B00

#FF7A00

#FF7900

#FF7800

#FF7700

#FF7600

#FF7500

#FF7400

#FF7300

#FF7200

#FF7100

#FF7000

초록색 계열

#E8FFE8

#E5FFE5

#E1FFE1

#DEFFDE

#DBFFDB

#D8FFD8

#D5FFD5

#D1FFD1

#CEFFCE

#CBFFCB

#C8FFC8

#C5FFC5

#C1FFC1

#BEFFBE

#BBFFBB

#B8FFB8

#B5FFB5

#B1FFB1

#AEFFAD

#ABFFAB

#A8FFA8

#A5FFA5

#A1FFA1

#9EFF9E

#9BFF9B

#98FF98

#95FF95

#91FF91

#8EFF8E

#8BFF8B

#88FF88

#85FF85

#81FF81

#7EFF7E

#7BFF7B

#78FF78

#75FF75

#71FF71

#6EFF6E

#6BFF6B

#68FF68

#65FF65

#61FF61

#5EFF5E

#5BFF5B

#58FF58

#55FF55

#51FF51

#4EFF4E

#4BFF4B

#48FF48

#45FF45

#41FF41

#3EFF3E

#3BFF3B

#38FF38

#35FF35

#31FF31

#2EFF2E

#2BFF2B

#28FF28

#25FF25

#21FF21

#1EFF1E

#1BFF1B

#18FF18

#15FF15

#11FF11

#0EFF0E

#0BFF0B

#08FF08

#05FF05

#01FF01

#00FB00

#00F800

#00F500

#00F100

#00EE00

#00EB00

#00E800

#00E500

#00E100

#00DE00

#00DB00

#00D800

#00D500

#00D100

#00CE00

#00CB00

#00C800

#00C500

#00C100

#00BE00

#00BB00

#00B800

#00B500

#00B100

#00AE00

#00AB00

#00A800

#00A500

#00A100

#009E00

#009B00

#009800

#009500

#009100

#008E00

#008B00

#008800

#008500

#008100

#007E00

#007B00

#007800

#007500

#007100

#006E00

#006B00

#006800

#006500

#006100

#005E00

#005B00

#005800

#005500

#005100

#004E00

#004B00

#004800

#004500

#004100

#003E00

#003B00

#003800

#003500

#003100

#002E00

#002B00

#002800

#002500

#002100

#001E00

#001B00

#001800

#001500

#001100

#000E00

#000B00

#000800

파란색 계열

#E6E6FF

#E2E2FF

#DFDFFF

#DCDCFF

#D9D9FF

#D6D6FF

#D3D3FF

#D0D0FF

#CDCDFF

#CACAFF

#C6C6FF

#C3C3FF

#C0C0FF

#BDBDFF

#BABAFF

#B7B7FF

#B4B4FF

#B1B1FF

#AEAEFF

#AAAAFF

#A7A7FF

#A4A4FF

#A1A1FF

#9E9EFF

#9B9BFF

#9898FF

#9595FF

#9292FF

#8E8EFF

#8B8BFF

#8888FF

#8585FF

#8282FF

#7F7FFF

#7C7CFF

#7979FF

#7676FF

#7373FF

#6F6FFF

#6C6CFF

#6969FF

#6666FF

#6363FF

#6060FF

#5D5DFF

#5A5AFF

#5757FF

#5353FF

#5050FF

#4D4DFF

#4A4AFF

#4747FF

#4444FF

#4141FF

#3E3EFF

#3B3BFF

#3737FF

#3434FF

#3131FF

#2E2EFF

#2B2BFF

#2828FF

#2525FF

#2222FF

#1F1FFF

#1B1BFF

#1818FF

#1515FF

#1212FF

#0F0FFF

#0C0CFF

#0909FF

#0606FF

#0303FF

#0000FF

#0000FF

#0000FC

#0000F9

#0000F6

#0000F3

#0000F1

#0000EE

#0000EB

#0000E8

#0000E6

#0000E3

#0000E0

#0000DD

#0000DB

#0000D8

#0000D5

#0000D2

#0000D0

#0000CD

#0000CA

#0000C7

#0000C5

#0000C2

#0000BF

#0000BC

#0000BA

#0000B7

#0000B4

#0000B1

#0000AF

#0000AC

#0000A9

#0000A6

#0000A4

#0000A1

#00009E

#00009B

#000099

#000096

#000093

#000090

#00008D

#00008B

#000088

#000085

#000082

#000080

#00007D

#00007A

#000077

#000075

#000072

#00006F

#00006C

#00006A

#000067

#000064

#000061

#00005F

#00005C

#000059

#000056

#000054

#000051

#00004E

#00004B

#000049

#000046

#000043

#000040

#00003E

#00003B

#000038

#000035

#000033

보라색 계열

#FCE9FC

#FCE7FC

#FBE5FB

#FBE3FB

#FBE0FB

#FBDEFB

#FADCFA

#FADAFA

#FAD8FA

#F9D6F9

#F9D4F9

#F9D2F9

#F9CFF9

#F8CDF8

#F8CBF8

#F8C9F8

#F7C7F7

#F7C5F7

#F7C3F7

#F7C0F7

#F6BEF6

#F6BCF6

#F6BAF6

#F5B8F5

#F5B6F5

#F5B4F5

#F5B1F5

#F4AFF4

#F4ADF4

#F4ABF4

#F3A9F3

#F3A7F3

#F3A5F3

#F3A3F3

#F2A0F2

#F29EF2

#F29CF2

#F29AF2

#F198F1

#F196F1

#F194F1

#F091F0

#F08FF0

#F08DF0

#F08BF0

#EF89EF

#EF87EF

#EF85EF

#EE83EE

#EE80EE

#EE7EEE

#EE7CEE

#ED7AED

#ED78ED

#ED76ED

#EC74EC

#EC71EC

#EC6FEC

#EC6DEC

#EB6BEB

#EB69EB

#EB67EB

#EA65EA

#EA62EA

#EA60EA

#EA5EEA

#E95CE9

#E95AE9

#E958E9

#E856E8

#E854E8

#E851E8

#E84FE8

#E74DE7

#E74BE7

#E74BE7

#E54AE5

#E349E3

#E048E0

#DE47DE

#DC47DC

#DA46DA

#D745D7

#D544D5

#D343D3

#D142D1

#CF41CF

#CC40CC

#CA3FCA

#C83FC8

#C63EC6

#C43DC4

#C13CC1

#BF3BBF

#BD3ABD

#BB39BB

#B838B8

#B637B6

#B436B4

#B236B2

#B035B0

#AD34AD

#AB33AB

#A932A9

#A731A7

#A530A5

#A22FA2

#A02EA0

#9E2E9E

#9C2D9C

#992C99

#972B97

#952A95

#932993

#912891

#8E278E

#8C268C

#8A268A

#882588

#852485

#832383

#812281

#7F217F

#7D207D

#7A1F7A

#781E78

#761E76

#741D74

#721C72

#6F1B6F

#6D1A6D

#6B196B

#691869

#661766

#641664

#621562

#601560

#5E145E

#5B135B

#591259

#571157

#551055

#530F53

#500E50

#4E0D4E

#4C0D4C

#4A0C4A

#470B47

#450A45

#430943

회색 계열

#F9F9F9

#F7F7F7

#F6F6F6

#F4F4F4

#F2F2F2

#F1F1F1

#EFEFEF

#EEEEEE

#ECECEC

#EAEAEA

#E9E9E9

#E7E7E7

#E5E5E5

#E4E4E4

#E2E2E2

#E0E0E0

#DFDFDF

#DDDDDD

#DCDCDC

#DADADA

#D8D8D8

#D7D7D7

#D5D5D5

#D3D3D3

#D2D2D2

#D0D0D0

#CECECE

#CDCDCD

#CBCBCB

#CACACA

#C8C8C8

#C6C6C6

#C5C5C5

#C3C3C3

#C1C1C1

#C0C0C0

#BEBEBE

#BDBDBD

#BBBBBB

#B9B9B9

#B8B8B8

#B6B6B6

#B4B4B4

#B3B3B3

#B1B1B1

#AFAFAF

#AEAEAE

#ACACAC

#ABABAB

#A9A9A9

#A7A7A7

#A6A6A6

#A4A4A4

#A2A2A2

#A1A1A1

#9F9F9F

#9D9D9D

#9C9C9C

#9A9A9A

#999999

#979797

#959595

#949494

#929292

#909090

#8F8F8F

#8D8D8D

#8B8B8B

#8A8A8A

#888888

#878787

#858585

#838383

#828282

#808080

#808080

#7F7F7F

#7D7D7D

#7C7C7C

#7A7A7A

#797979

#787878

#767676

#757575

#747474

#727272

#717171

#6F6F6F

#6E6E6E

#6D6D6D

#6B6B6B

#6A6A6A

#696969

#676767

#666666

#646464

#636363

#626262

#606060

#5F5F5F

#5E5E5E

#5C5C5C

#5B5B5B

#595959

#585858

#575757

#555555

#545454

#535353

#515151

#505050

#4E4E4E

#4D4D4D

#4C4C4C

#4A4A4A

#494949

#474747

#464646

#454545

#434343

#424242

#414141

#3F3F3F

#3E3E3E

#3C3C3C

#3B3B3B

#3A3A3A

#383838

#373737

#363636

#343434

#333333

#313131

#303030

#2F2F2F

#2D2D2D

#2C2C2C

#2B2B2B

#292929

#282828

#262626

#252525

#242424

#222222

#212121

#202020

#1E1E1E

#1D1D1D

#1B1B1B

#1A1A1A

같이 보기

참고 문헌

codingCourses: Web Color Hex Codes – HTML and CSS Color Palette Chart