JUNI COLOR TEST 오늘, 조금 더 나를 알아가는 시간

COLOR DICTIONARY

마음에 드는 색,
이름을 알아볼까요?

눈길이 머무는 색을 골라 보세요.
색의 이름부터 작은 코드 하나까지, 가까이 들여다보는 컬러 사전.

216 COLORS · 웹 안전색

RGB의 각 채널을 0·51·102·153·204·255로 조합한 216색입니다. 이름이 없는 색은 HEX 코드로 표시합니다. 오늘날 웹에서 사용할 수 있는 색이 이 216개로 제한되는 것은 아닙니다.

216 웹 안전색 모아보기

216개의 색

색을 펼치면 자세한 코드가 보여요.

#330000#330000#330000

빨강 계열 · 웹 안전색

HEX
#330000
RGB
rgb(51, 0, 0)
HSL
hsl(0, 100%, 10%)
이 색으로 배색 만들기 →
#660000#660000#660000

빨강 계열 · 웹 안전색

HEX
#660000
RGB
rgb(102, 0, 0)
HSL
hsl(0, 100%, 20%)
이 색으로 배색 만들기 →
#663333#663333#663333

빨강 계열 · 웹 안전색

HEX
#663333
RGB
rgb(102, 51, 51)
HSL
hsl(0, 33%, 30%)
이 색으로 배색 만들기 →
#990000#990000#990000

빨강 계열 · 웹 안전색

HEX
#990000
RGB
rgb(153, 0, 0)
HSL
hsl(0, 100%, 30%)
이 색으로 배색 만들기 →
#993333#993333#993333

빨강 계열 · 웹 안전색

HEX
#993333
RGB
rgb(153, 51, 51)
HSL
hsl(0, 50%, 40%)
이 색으로 배색 만들기 →
#996666#996666#996666

빨강 계열 · 웹 안전색

HEX
#996666
RGB
rgb(153, 102, 102)
HSL
hsl(0, 20%, 50%)
이 색으로 배색 만들기 →
#CC0000#CC0000#CC0000

빨강 계열 · 웹 안전색

HEX
#CC0000
RGB
rgb(204, 0, 0)
HSL
hsl(0, 100%, 40%)
이 색으로 배색 만들기 →
#CC0033#CC0033#CC0033

빨강 계열 · 웹 안전색

HEX
#CC0033
RGB
rgb(204, 0, 51)
HSL
hsl(345, 100%, 40%)
이 색으로 배색 만들기 →
#CC3333#CC3333#CC3333

빨강 계열 · 웹 안전색

HEX
#CC3333
RGB
rgb(204, 51, 51)
HSL
hsl(0, 60%, 50%)
이 색으로 배색 만들기 →
#CC6666#CC6666#CC6666

빨강 계열 · 웹 안전색

HEX
#CC6666
RGB
rgb(204, 102, 102)
HSL
hsl(0, 50%, 60%)
이 색으로 배색 만들기 →
#CC9999#CC9999#CC9999

빨강 계열 · 웹 안전색

HEX
#CC9999
RGB
rgb(204, 153, 153)
HSL
hsl(0, 33%, 70%)
이 색으로 배색 만들기 →
레드Red#FF0000

빨강 계열 · 웹 안전색

HEX
#FF0000
RGB
rgb(255, 0, 0)
HSL
hsl(0, 100%, 50%)
이 색으로 배색 만들기 →
#FF0033#FF0033#FF0033

빨강 계열 · 웹 안전색

HEX
#FF0033
RGB
rgb(255, 0, 51)
HSL
hsl(348, 100%, 50%)
이 색으로 배색 만들기 →
#FF3300#FF3300#FF3300

빨강 계열 · 웹 안전색

HEX
#FF3300
RGB
rgb(255, 51, 0)
HSL
hsl(12, 100%, 50%)
이 색으로 배색 만들기 →
#FF3333#FF3333#FF3333

빨강 계열 · 웹 안전색

HEX
#FF3333
RGB
rgb(255, 51, 51)
HSL
hsl(0, 100%, 60%)
이 색으로 배색 만들기 →
#FF3366#FF3366#FF3366

빨강 계열 · 웹 안전색

HEX
#FF3366
RGB
rgb(255, 51, 102)
HSL
hsl(345, 100%, 60%)
이 색으로 배색 만들기 →
#FF6666#FF6666#FF6666

빨강 계열 · 웹 안전색

HEX
#FF6666
RGB
rgb(255, 102, 102)
HSL
hsl(0, 100%, 70%)
이 색으로 배색 만들기 →
#FF9999#FF9999#FF9999

빨강 계열 · 웹 안전색

HEX
#FF9999
RGB
rgb(255, 153, 153)
HSL
hsl(0, 100%, 80%)
이 색으로 배색 만들기 →
#FFCCCC#FFCCCC#FFCCCC

빨강 계열 · 웹 안전색

HEX
#FFCCCC
RGB
rgb(255, 204, 204)
HSL
hsl(0, 100%, 90%)
이 색으로 배색 만들기 →
#663300#663300#663300

주황 계열 · 웹 안전색

HEX
#663300
RGB
rgb(102, 51, 0)
HSL
hsl(30, 100%, 20%)
이 색으로 배색 만들기 →
#993300#993300#993300

주황 계열 · 웹 안전색

HEX
#993300
RGB
rgb(153, 51, 0)
HSL
hsl(20, 100%, 30%)
이 색으로 배색 만들기 →
#996600#996600#996600

주황 계열 · 웹 안전색

HEX
#996600
RGB
rgb(153, 102, 0)
HSL
hsl(40, 100%, 30%)
이 색으로 배색 만들기 →
#996633#996633#996633

주황 계열 · 웹 안전색

HEX
#996633
RGB
rgb(153, 102, 51)
HSL
hsl(30, 50%, 40%)
이 색으로 배색 만들기 →
#CC3300#CC3300#CC3300

주황 계열 · 웹 안전색

HEX
#CC3300
RGB
rgb(204, 51, 0)
HSL
hsl(15, 100%, 40%)
이 색으로 배색 만들기 →
#CC6600#CC6600#CC6600

주황 계열 · 웹 안전색

HEX
#CC6600
RGB
rgb(204, 102, 0)
HSL
hsl(30, 100%, 40%)
이 색으로 배색 만들기 →
#CC6633#CC6633#CC6633

주황 계열 · 웹 안전색

HEX
#CC6633
RGB
rgb(204, 102, 51)
HSL
hsl(20, 60%, 50%)
이 색으로 배색 만들기 →
#CC9933#CC9933#CC9933

주황 계열 · 웹 안전색

HEX
#CC9933
RGB
rgb(204, 153, 51)
HSL
hsl(40, 60%, 50%)
이 색으로 배색 만들기 →
#CC9966#CC9966#CC9966

주황 계열 · 웹 안전색

HEX
#CC9966
RGB
rgb(204, 153, 102)
HSL
hsl(30, 50%, 60%)
이 색으로 배색 만들기 →
#FF6600#FF6600#FF6600

주황 계열 · 웹 안전색

HEX
#FF6600
RGB
rgb(255, 102, 0)
HSL
hsl(24, 100%, 50%)
이 색으로 배색 만들기 →
#FF6633#FF6633#FF6633

주황 계열 · 웹 안전색

HEX
#FF6633
RGB
rgb(255, 102, 51)
HSL
hsl(15, 100%, 60%)
이 색으로 배색 만들기 →
#FF9900#FF9900#FF9900

주황 계열 · 웹 안전색

HEX
#FF9900
RGB
rgb(255, 153, 0)
HSL
hsl(36, 100%, 50%)
이 색으로 배색 만들기 →
#FF9933#FF9933#FF9933

주황 계열 · 웹 안전색

HEX
#FF9933
RGB
rgb(255, 153, 51)
HSL
hsl(30, 100%, 60%)
이 색으로 배색 만들기 →
#FF9966#FF9966#FF9966

주황 계열 · 웹 안전색

HEX
#FF9966
RGB
rgb(255, 153, 102)
HSL
hsl(20, 100%, 70%)
이 색으로 배색 만들기 →
#FFCC66#FFCC66#FFCC66

주황 계열 · 웹 안전색

HEX
#FFCC66
RGB
rgb(255, 204, 102)
HSL
hsl(40, 100%, 70%)
이 색으로 배색 만들기 →
#FFCC99#FFCC99#FFCC99

주황 계열 · 웹 안전색

HEX
#FFCC99
RGB
rgb(255, 204, 153)
HSL
hsl(30, 100%, 80%)
이 색으로 배색 만들기 →
#333300#333300#333300

노랑 계열 · 웹 안전색

HEX
#333300
RGB
rgb(51, 51, 0)
HSL
hsl(60, 100%, 10%)
이 색으로 배색 만들기 →
#666600#666600#666600

노랑 계열 · 웹 안전색

HEX
#666600
RGB
rgb(102, 102, 0)
HSL
hsl(60, 100%, 20%)
이 색으로 배색 만들기 →
#666633#666633#666633

노랑 계열 · 웹 안전색

HEX
#666633
RGB
rgb(102, 102, 51)
HSL
hsl(60, 33%, 30%)
이 색으로 배색 만들기 →
#999900#999900#999900

노랑 계열 · 웹 안전색

HEX
#999900
RGB
rgb(153, 153, 0)
HSL
hsl(60, 100%, 30%)
이 색으로 배색 만들기 →
#999933#999933#999933

노랑 계열 · 웹 안전색

HEX
#999933
RGB
rgb(153, 153, 51)
HSL
hsl(60, 50%, 40%)
이 색으로 배색 만들기 →
#999966#999966#999966

노랑 계열 · 웹 안전색

HEX
#999966
RGB
rgb(153, 153, 102)
HSL
hsl(60, 20%, 50%)
이 색으로 배색 만들기 →
#CC9900#CC9900#CC9900

노랑 계열 · 웹 안전색

HEX
#CC9900
RGB
rgb(204, 153, 0)
HSL
hsl(45, 100%, 40%)
이 색으로 배색 만들기 →
#CCCC00#CCCC00#CCCC00

노랑 계열 · 웹 안전색

HEX
#CCCC00
RGB
rgb(204, 204, 0)
HSL
hsl(60, 100%, 40%)
이 색으로 배색 만들기 →
#CCCC33#CCCC33#CCCC33

노랑 계열 · 웹 안전색

HEX
#CCCC33
RGB
rgb(204, 204, 51)
HSL
hsl(60, 60%, 50%)
이 색으로 배색 만들기 →
#CCCC66#CCCC66#CCCC66

노랑 계열 · 웹 안전색

HEX
#CCCC66
RGB
rgb(204, 204, 102)
HSL
hsl(60, 50%, 60%)
이 색으로 배색 만들기 →
#CCCC99#CCCC99#CCCC99

노랑 계열 · 웹 안전색

HEX
#CCCC99
RGB
rgb(204, 204, 153)
HSL
hsl(60, 33%, 70%)
이 색으로 배색 만들기 →
#FFCC00#FFCC00#FFCC00

노랑 계열 · 웹 안전색

HEX
#FFCC00
RGB
rgb(255, 204, 0)
HSL
hsl(48, 100%, 50%)
이 색으로 배색 만들기 →
#FFCC33#FFCC33#FFCC33

노랑 계열 · 웹 안전색

HEX
#FFCC33
RGB
rgb(255, 204, 51)
HSL
hsl(45, 100%, 60%)
이 색으로 배색 만들기 →
옐로Yellow#FFFF00

노랑 계열 · 웹 안전색

HEX
#FFFF00
RGB
rgb(255, 255, 0)
HSL
hsl(60, 100%, 50%)
이 색으로 배색 만들기 →
#FFFF33#FFFF33#FFFF33

노랑 계열 · 웹 안전색

HEX
#FFFF33
RGB
rgb(255, 255, 51)
HSL
hsl(60, 100%, 60%)
이 색으로 배색 만들기 →
#FFFF66#FFFF66#FFFF66

노랑 계열 · 웹 안전색

HEX
#FFFF66
RGB
rgb(255, 255, 102)
HSL
hsl(60, 100%, 70%)
이 색으로 배색 만들기 →
#FFFF99#FFFF99#FFFF99

노랑 계열 · 웹 안전색

HEX
#FFFF99
RGB
rgb(255, 255, 153)
HSL
hsl(60, 100%, 80%)
이 색으로 배색 만들기 →
#FFFFCC#FFFFCC#FFFFCC

노랑 계열 · 웹 안전색

HEX
#FFFFCC
RGB
rgb(255, 255, 204)
HSL
hsl(60, 100%, 90%)
이 색으로 배색 만들기 →
#003300#003300#003300

초록 계열 · 웹 안전색

HEX
#003300
RGB
rgb(0, 51, 0)
HSL
hsl(120, 100%, 10%)
이 색으로 배색 만들기 →
#006600#006600#006600

초록 계열 · 웹 안전색

HEX
#006600
RGB
rgb(0, 102, 0)
HSL
hsl(120, 100%, 20%)
이 색으로 배색 만들기 →
#006633#006633#006633

초록 계열 · 웹 안전색

HEX
#006633
RGB
rgb(0, 102, 51)
HSL
hsl(150, 100%, 20%)
이 색으로 배색 만들기 →
#009900#009900#009900

초록 계열 · 웹 안전색

HEX
#009900
RGB
rgb(0, 153, 0)
HSL
hsl(120, 100%, 30%)
이 색으로 배색 만들기 →
#009933#009933#009933

초록 계열 · 웹 안전색

HEX
#009933
RGB
rgb(0, 153, 51)
HSL
hsl(140, 100%, 30%)
이 색으로 배색 만들기 →
#009966#009966#009966

초록 계열 · 웹 안전색

HEX
#009966
RGB
rgb(0, 153, 102)
HSL
hsl(160, 100%, 30%)
이 색으로 배색 만들기 →
#00CC00#00CC00#00CC00

초록 계열 · 웹 안전색

HEX
#00CC00
RGB
rgb(0, 204, 0)
HSL
hsl(120, 100%, 40%)
이 색으로 배색 만들기 →
#00CC33#00CC33#00CC33

초록 계열 · 웹 안전색

HEX
#00CC33
RGB
rgb(0, 204, 51)
HSL
hsl(135, 100%, 40%)
이 색으로 배색 만들기 →
#00CC66#00CC66#00CC66

초록 계열 · 웹 안전색

HEX
#00CC66
RGB
rgb(0, 204, 102)
HSL
hsl(150, 100%, 40%)
이 색으로 배색 만들기 →
라임Lime#00FF00

초록 계열 · 웹 안전색

HEX
#00FF00
RGB
rgb(0, 255, 0)
HSL
hsl(120, 100%, 50%)
이 색으로 배색 만들기 →
#00FF33#00FF33#00FF33

초록 계열 · 웹 안전색

HEX
#00FF33
RGB
rgb(0, 255, 51)
HSL
hsl(132, 100%, 50%)
이 색으로 배색 만들기 →
#00FF66#00FF66#00FF66

초록 계열 · 웹 안전색

HEX
#00FF66
RGB
rgb(0, 255, 102)
HSL
hsl(144, 100%, 50%)
이 색으로 배색 만들기 →
#00FF99#00FF99#00FF99

초록 계열 · 웹 안전색

HEX
#00FF99
RGB
rgb(0, 255, 153)
HSL
hsl(156, 100%, 50%)
이 색으로 배색 만들기 →
#336600#336600#336600

초록 계열 · 웹 안전색

HEX
#336600
RGB
rgb(51, 102, 0)
HSL
hsl(90, 100%, 20%)
이 색으로 배색 만들기 →
#336633#336633#336633

초록 계열 · 웹 안전색

HEX
#336633
RGB
rgb(51, 102, 51)
HSL
hsl(120, 33%, 30%)
이 색으로 배색 만들기 →
#339900#339900#339900

초록 계열 · 웹 안전색

HEX
#339900
RGB
rgb(51, 153, 0)
HSL
hsl(100, 100%, 30%)
이 색으로 배색 만들기 →
#339933#339933#339933

초록 계열 · 웹 안전색

HEX
#339933
RGB
rgb(51, 153, 51)
HSL
hsl(120, 50%, 40%)
이 색으로 배색 만들기 →
#339966#339966#339966

초록 계열 · 웹 안전색

HEX
#339966
RGB
rgb(51, 153, 102)
HSL
hsl(150, 50%, 40%)
이 색으로 배색 만들기 →
#33CC00#33CC00#33CC00

초록 계열 · 웹 안전색

HEX
#33CC00
RGB
rgb(51, 204, 0)
HSL
hsl(105, 100%, 40%)
이 색으로 배색 만들기 →
#33CC33#33CC33#33CC33

초록 계열 · 웹 안전색

HEX
#33CC33
RGB
rgb(51, 204, 51)
HSL
hsl(120, 60%, 50%)
이 색으로 배색 만들기 →
#33CC66#33CC66#33CC66

초록 계열 · 웹 안전색

HEX
#33CC66
RGB
rgb(51, 204, 102)
HSL
hsl(140, 60%, 50%)
이 색으로 배색 만들기 →
#33CC99#33CC99#33CC99

초록 계열 · 웹 안전색

HEX
#33CC99
RGB
rgb(51, 204, 153)
HSL
hsl(160, 60%, 50%)
이 색으로 배색 만들기 →
#33FF00#33FF00#33FF00

초록 계열 · 웹 안전색

HEX
#33FF00
RGB
rgb(51, 255, 0)
HSL
hsl(108, 100%, 50%)
이 색으로 배색 만들기 →
#33FF33#33FF33#33FF33

초록 계열 · 웹 안전색

HEX
#33FF33
RGB
rgb(51, 255, 51)
HSL
hsl(120, 100%, 60%)
이 색으로 배색 만들기 →
#33FF66#33FF66#33FF66

초록 계열 · 웹 안전색

HEX
#33FF66
RGB
rgb(51, 255, 102)
HSL
hsl(135, 100%, 60%)
이 색으로 배색 만들기 →
#33FF99#33FF99#33FF99

초록 계열 · 웹 안전색

HEX
#33FF99
RGB
rgb(51, 255, 153)
HSL
hsl(150, 100%, 60%)
이 색으로 배색 만들기 →
#669900#669900#669900

초록 계열 · 웹 안전색

HEX
#669900
RGB
rgb(102, 153, 0)
HSL
hsl(80, 100%, 30%)
이 색으로 배색 만들기 →
#669933#669933#669933

초록 계열 · 웹 안전색

HEX
#669933
RGB
rgb(102, 153, 51)
HSL
hsl(90, 50%, 40%)
이 색으로 배색 만들기 →
#669966#669966#669966

초록 계열 · 웹 안전색

HEX
#669966
RGB
rgb(102, 153, 102)
HSL
hsl(120, 20%, 50%)
이 색으로 배색 만들기 →
#66CC00#66CC00#66CC00

초록 계열 · 웹 안전색

HEX
#66CC00
RGB
rgb(102, 204, 0)
HSL
hsl(90, 100%, 40%)
이 색으로 배색 만들기 →
#66CC33#66CC33#66CC33

초록 계열 · 웹 안전색

HEX
#66CC33
RGB
rgb(102, 204, 51)
HSL
hsl(100, 60%, 50%)
이 색으로 배색 만들기 →
#66CC66#66CC66#66CC66

초록 계열 · 웹 안전색

HEX
#66CC66
RGB
rgb(102, 204, 102)
HSL
hsl(120, 50%, 60%)
이 색으로 배색 만들기 →
#66CC99#66CC99#66CC99

초록 계열 · 웹 안전색

HEX
#66CC99
RGB
rgb(102, 204, 153)
HSL
hsl(150, 50%, 60%)
이 색으로 배색 만들기 →
#66FF00#66FF00#66FF00

초록 계열 · 웹 안전색

HEX
#66FF00
RGB
rgb(102, 255, 0)
HSL
hsl(96, 100%, 50%)
이 색으로 배색 만들기 →
#66FF33#66FF33#66FF33

초록 계열 · 웹 안전색

HEX
#66FF33
RGB
rgb(102, 255, 51)
HSL
hsl(105, 100%, 60%)
이 색으로 배색 만들기 →
#66FF66#66FF66#66FF66

초록 계열 · 웹 안전색

HEX
#66FF66
RGB
rgb(102, 255, 102)
HSL
hsl(120, 100%, 70%)
이 색으로 배색 만들기 →
#66FF99#66FF99#66FF99

초록 계열 · 웹 안전색

HEX
#66FF99
RGB
rgb(102, 255, 153)
HSL
hsl(140, 100%, 70%)
이 색으로 배색 만들기 →
#66FFCC#66FFCC#66FFCC

초록 계열 · 웹 안전색

HEX
#66FFCC
RGB
rgb(102, 255, 204)
HSL
hsl(160, 100%, 70%)
이 색으로 배색 만들기 →
#99CC00#99CC00#99CC00

초록 계열 · 웹 안전색

HEX
#99CC00
RGB
rgb(153, 204, 0)
HSL
hsl(75, 100%, 40%)
이 색으로 배색 만들기 →
#99CC33#99CC33#99CC33

초록 계열 · 웹 안전색

HEX
#99CC33
RGB
rgb(153, 204, 51)
HSL
hsl(80, 60%, 50%)
이 색으로 배색 만들기 →
#99CC66#99CC66#99CC66

초록 계열 · 웹 안전색

HEX
#99CC66
RGB
rgb(153, 204, 102)
HSL
hsl(90, 50%, 60%)
이 색으로 배색 만들기 →
#99CC99#99CC99#99CC99

초록 계열 · 웹 안전색

HEX
#99CC99
RGB
rgb(153, 204, 153)
HSL
hsl(120, 33%, 70%)
이 색으로 배색 만들기 →
#99FF00#99FF00#99FF00

초록 계열 · 웹 안전색

HEX
#99FF00
RGB
rgb(153, 255, 0)
HSL
hsl(84, 100%, 50%)
이 색으로 배색 만들기 →
#99FF33#99FF33#99FF33

초록 계열 · 웹 안전색

HEX
#99FF33
RGB
rgb(153, 255, 51)
HSL
hsl(90, 100%, 60%)
이 색으로 배색 만들기 →
#99FF66#99FF66#99FF66

초록 계열 · 웹 안전색

HEX
#99FF66
RGB
rgb(153, 255, 102)
HSL
hsl(100, 100%, 70%)
이 색으로 배색 만들기 →
#99FF99#99FF99#99FF99

초록 계열 · 웹 안전색

HEX
#99FF99
RGB
rgb(153, 255, 153)
HSL
hsl(120, 100%, 80%)
이 색으로 배색 만들기 →
#99FFCC#99FFCC#99FFCC

초록 계열 · 웹 안전색

HEX
#99FFCC
RGB
rgb(153, 255, 204)
HSL
hsl(150, 100%, 80%)
이 색으로 배색 만들기 →
#CCFF00#CCFF00#CCFF00

초록 계열 · 웹 안전색

HEX
#CCFF00
RGB
rgb(204, 255, 0)
HSL
hsl(72, 100%, 50%)
이 색으로 배색 만들기 →
#CCFF33#CCFF33#CCFF33

초록 계열 · 웹 안전색

HEX
#CCFF33
RGB
rgb(204, 255, 51)
HSL
hsl(75, 100%, 60%)
이 색으로 배색 만들기 →
#CCFF66#CCFF66#CCFF66

초록 계열 · 웹 안전색

HEX
#CCFF66
RGB
rgb(204, 255, 102)
HSL
hsl(80, 100%, 70%)
이 색으로 배색 만들기 →
#CCFF99#CCFF99#CCFF99

초록 계열 · 웹 안전색

HEX
#CCFF99
RGB
rgb(204, 255, 153)
HSL
hsl(90, 100%, 80%)
이 색으로 배색 만들기 →
#CCFFCC#CCFFCC#CCFFCC

초록 계열 · 웹 안전색

HEX
#CCFFCC
RGB
rgb(204, 255, 204)
HSL
hsl(120, 100%, 90%)
이 색으로 배색 만들기 →
#003333#003333#003333

청록 계열 · 웹 안전색

HEX
#003333
RGB
rgb(0, 51, 51)
HSL
hsl(180, 100%, 10%)
이 색으로 배색 만들기 →
#006666#006666#006666

청록 계열 · 웹 안전색

HEX
#006666
RGB
rgb(0, 102, 102)
HSL
hsl(180, 100%, 20%)
이 색으로 배색 만들기 →
#009999#009999#009999

청록 계열 · 웹 안전색

HEX
#009999
RGB
rgb(0, 153, 153)
HSL
hsl(180, 100%, 30%)
이 색으로 배색 만들기 →
#00CC99#00CC99#00CC99

청록 계열 · 웹 안전색

HEX
#00CC99
RGB
rgb(0, 204, 153)
HSL
hsl(165, 100%, 40%)
이 색으로 배색 만들기 →
#00CCCC#00CCCC#00CCCC

청록 계열 · 웹 안전색

HEX
#00CCCC
RGB
rgb(0, 204, 204)
HSL
hsl(180, 100%, 40%)
이 색으로 배색 만들기 →
#00CCFF#00CCFF#00CCFF

청록 계열 · 웹 안전색

HEX
#00CCFF
RGB
rgb(0, 204, 255)
HSL
hsl(192, 100%, 50%)
이 색으로 배색 만들기 →
#00FFCC#00FFCC#00FFCC

청록 계열 · 웹 안전색

HEX
#00FFCC
RGB
rgb(0, 255, 204)
HSL
hsl(168, 100%, 50%)
이 색으로 배색 만들기 →
아쿠아Aqua#00FFFF

청록 계열 · 웹 안전색

HEX
#00FFFF
RGB
rgb(0, 255, 255)
HSL
hsl(180, 100%, 50%)
이 색으로 배색 만들기 →
#336666#336666#336666

청록 계열 · 웹 안전색

HEX
#336666
RGB
rgb(51, 102, 102)
HSL
hsl(180, 33%, 30%)
이 색으로 배색 만들기 →
#339999#339999#339999

청록 계열 · 웹 안전색

HEX
#339999
RGB
rgb(51, 153, 153)
HSL
hsl(180, 50%, 40%)
이 색으로 배색 만들기 →
#33CCCC#33CCCC#33CCCC

청록 계열 · 웹 안전색

HEX
#33CCCC
RGB
rgb(51, 204, 204)
HSL
hsl(180, 60%, 50%)
이 색으로 배색 만들기 →
#33FFCC#33FFCC#33FFCC

청록 계열 · 웹 안전색

HEX
#33FFCC
RGB
rgb(51, 255, 204)
HSL
hsl(165, 100%, 60%)
이 색으로 배색 만들기 →
#33FFFF#33FFFF#33FFFF

청록 계열 · 웹 안전색

HEX
#33FFFF
RGB
rgb(51, 255, 255)
HSL
hsl(180, 100%, 60%)
이 색으로 배색 만들기 →
#669999#669999#669999

청록 계열 · 웹 안전색

HEX
#669999
RGB
rgb(102, 153, 153)
HSL
hsl(180, 20%, 50%)
이 색으로 배색 만들기 →
#66CCCC#66CCCC#66CCCC

청록 계열 · 웹 안전색

HEX
#66CCCC
RGB
rgb(102, 204, 204)
HSL
hsl(180, 50%, 60%)
이 색으로 배색 만들기 →
#66FFFF#66FFFF#66FFFF

청록 계열 · 웹 안전색

HEX
#66FFFF
RGB
rgb(102, 255, 255)
HSL
hsl(180, 100%, 70%)
이 색으로 배색 만들기 →
#99CCCC#99CCCC#99CCCC

청록 계열 · 웹 안전색

HEX
#99CCCC
RGB
rgb(153, 204, 204)
HSL
hsl(180, 33%, 70%)
이 색으로 배색 만들기 →
#99FFFF#99FFFF#99FFFF

청록 계열 · 웹 안전색

HEX
#99FFFF
RGB
rgb(153, 255, 255)
HSL
hsl(180, 100%, 80%)
이 색으로 배색 만들기 →
#CCFFFF#CCFFFF#CCFFFF

청록 계열 · 웹 안전색

HEX
#CCFFFF
RGB
rgb(204, 255, 255)
HSL
hsl(180, 100%, 90%)
이 색으로 배색 만들기 →
#000033#000033#000033

파랑 계열 · 웹 안전색

HEX
#000033
RGB
rgb(0, 0, 51)
HSL
hsl(240, 100%, 10%)
이 색으로 배색 만들기 →
#000066#000066#000066

파랑 계열 · 웹 안전색

HEX
#000066
RGB
rgb(0, 0, 102)
HSL
hsl(240, 100%, 20%)
이 색으로 배색 만들기 →
#000099#000099#000099

파랑 계열 · 웹 안전색

HEX
#000099
RGB
rgb(0, 0, 153)
HSL
hsl(240, 100%, 30%)
이 색으로 배색 만들기 →
#0000CC#0000CC#0000CC

파랑 계열 · 웹 안전색

HEX
#0000CC
RGB
rgb(0, 0, 204)
HSL
hsl(240, 100%, 40%)
이 색으로 배색 만들기 →
블루Blue#0000FF

파랑 계열 · 웹 안전색

HEX
#0000FF
RGB
rgb(0, 0, 255)
HSL
hsl(240, 100%, 50%)
이 색으로 배색 만들기 →
#003366#003366#003366

파랑 계열 · 웹 안전색

HEX
#003366
RGB
rgb(0, 51, 102)
HSL
hsl(210, 100%, 20%)
이 색으로 배색 만들기 →
#003399#003399#003399

파랑 계열 · 웹 안전색

HEX
#003399
RGB
rgb(0, 51, 153)
HSL
hsl(220, 100%, 30%)
이 색으로 배색 만들기 →
#0033CC#0033CC#0033CC

파랑 계열 · 웹 안전색

HEX
#0033CC
RGB
rgb(0, 51, 204)
HSL
hsl(225, 100%, 40%)
이 색으로 배색 만들기 →
#0033FF#0033FF#0033FF

파랑 계열 · 웹 안전색

HEX
#0033FF
RGB
rgb(0, 51, 255)
HSL
hsl(228, 100%, 50%)
이 색으로 배색 만들기 →
#006699#006699#006699

파랑 계열 · 웹 안전색

HEX
#006699
RGB
rgb(0, 102, 153)
HSL
hsl(200, 100%, 30%)
이 색으로 배색 만들기 →
#0066CC#0066CC#0066CC

파랑 계열 · 웹 안전색

HEX
#0066CC
RGB
rgb(0, 102, 204)
HSL
hsl(210, 100%, 40%)
이 색으로 배색 만들기 →
#0066FF#0066FF#0066FF

파랑 계열 · 웹 안전색

HEX
#0066FF
RGB
rgb(0, 102, 255)
HSL
hsl(216, 100%, 50%)
이 색으로 배색 만들기 →
#0099CC#0099CC#0099CC

파랑 계열 · 웹 안전색

HEX
#0099CC
RGB
rgb(0, 153, 204)
HSL
hsl(195, 100%, 40%)
이 색으로 배색 만들기 →
#0099FF#0099FF#0099FF

파랑 계열 · 웹 안전색

HEX
#0099FF
RGB
rgb(0, 153, 255)
HSL
hsl(204, 100%, 50%)
이 색으로 배색 만들기 →
#3300FF#3300FF#3300FF

파랑 계열 · 웹 안전색

HEX
#3300FF
RGB
rgb(51, 0, 255)
HSL
hsl(252, 100%, 50%)
이 색으로 배색 만들기 →
#333366#333366#333366

파랑 계열 · 웹 안전색

HEX
#333366
RGB
rgb(51, 51, 102)
HSL
hsl(240, 33%, 30%)
이 색으로 배색 만들기 →
#333399#333399#333399

파랑 계열 · 웹 안전색

HEX
#333399
RGB
rgb(51, 51, 153)
HSL
hsl(240, 50%, 40%)
이 색으로 배색 만들기 →
#3333CC#3333CC#3333CC

파랑 계열 · 웹 안전색

HEX
#3333CC
RGB
rgb(51, 51, 204)
HSL
hsl(240, 60%, 50%)
이 색으로 배색 만들기 →
#3333FF#3333FF#3333FF

파랑 계열 · 웹 안전색

HEX
#3333FF
RGB
rgb(51, 51, 255)
HSL
hsl(240, 100%, 60%)
이 색으로 배색 만들기 →
#336699#336699#336699

파랑 계열 · 웹 안전색

HEX
#336699
RGB
rgb(51, 102, 153)
HSL
hsl(210, 50%, 40%)
이 색으로 배색 만들기 →
#3366CC#3366CC#3366CC

파랑 계열 · 웹 안전색

HEX
#3366CC
RGB
rgb(51, 102, 204)
HSL
hsl(220, 60%, 50%)
이 색으로 배색 만들기 →
#3366FF#3366FF#3366FF

파랑 계열 · 웹 안전색

HEX
#3366FF
RGB
rgb(51, 102, 255)
HSL
hsl(225, 100%, 60%)
이 색으로 배색 만들기 →
#3399CC#3399CC#3399CC

파랑 계열 · 웹 안전색

HEX
#3399CC
RGB
rgb(51, 153, 204)
HSL
hsl(200, 60%, 50%)
이 색으로 배색 만들기 →
#3399FF#3399FF#3399FF

파랑 계열 · 웹 안전색

HEX
#3399FF
RGB
rgb(51, 153, 255)
HSL
hsl(210, 100%, 60%)
이 색으로 배색 만들기 →
#33CCFF#33CCFF#33CCFF

파랑 계열 · 웹 안전색

HEX
#33CCFF
RGB
rgb(51, 204, 255)
HSL
hsl(195, 100%, 60%)
이 색으로 배색 만들기 →
#666699#666699#666699

파랑 계열 · 웹 안전색

HEX
#666699
RGB
rgb(102, 102, 153)
HSL
hsl(240, 20%, 50%)
이 색으로 배색 만들기 →
#6666CC#6666CC#6666CC

파랑 계열 · 웹 안전색

HEX
#6666CC
RGB
rgb(102, 102, 204)
HSL
hsl(240, 50%, 60%)
이 색으로 배색 만들기 →
#6666FF#6666FF#6666FF

파랑 계열 · 웹 안전색

HEX
#6666FF
RGB
rgb(102, 102, 255)
HSL
hsl(240, 100%, 70%)
이 색으로 배색 만들기 →
#6699CC#6699CC#6699CC

파랑 계열 · 웹 안전색

HEX
#6699CC
RGB
rgb(102, 153, 204)
HSL
hsl(210, 50%, 60%)
이 색으로 배색 만들기 →
#6699FF#6699FF#6699FF

파랑 계열 · 웹 안전색

HEX
#6699FF
RGB
rgb(102, 153, 255)
HSL
hsl(220, 100%, 70%)
이 색으로 배색 만들기 →
#66CCFF#66CCFF#66CCFF

파랑 계열 · 웹 안전색

HEX
#66CCFF
RGB
rgb(102, 204, 255)
HSL
hsl(200, 100%, 70%)
이 색으로 배색 만들기 →
#9999CC#9999CC#9999CC

파랑 계열 · 웹 안전색

HEX
#9999CC
RGB
rgb(153, 153, 204)
HSL
hsl(240, 33%, 70%)
이 색으로 배색 만들기 →
#9999FF#9999FF#9999FF

파랑 계열 · 웹 안전색

HEX
#9999FF
RGB
rgb(153, 153, 255)
HSL
hsl(240, 100%, 80%)
이 색으로 배색 만들기 →
#99CCFF#99CCFF#99CCFF

파랑 계열 · 웹 안전색

HEX
#99CCFF
RGB
rgb(153, 204, 255)
HSL
hsl(210, 100%, 80%)
이 색으로 배색 만들기 →
#CCCCFF#CCCCFF#CCCCFF

파랑 계열 · 웹 안전색

HEX
#CCCCFF
RGB
rgb(204, 204, 255)
HSL
hsl(240, 100%, 90%)
이 색으로 배색 만들기 →
#330066#330066#330066

보라 계열 · 웹 안전색

HEX
#330066
RGB
rgb(51, 0, 102)
HSL
hsl(270, 100%, 20%)
이 색으로 배색 만들기 →
#330099#330099#330099

보라 계열 · 웹 안전색

HEX
#330099
RGB
rgb(51, 0, 153)
HSL
hsl(260, 100%, 30%)
이 색으로 배색 만들기 →
#3300CC#3300CC#3300CC

보라 계열 · 웹 안전색

HEX
#3300CC
RGB
rgb(51, 0, 204)
HSL
hsl(255, 100%, 40%)
이 색으로 배색 만들기 →
#660099#660099#660099

보라 계열 · 웹 안전색

HEX
#660099
RGB
rgb(102, 0, 153)
HSL
hsl(280, 100%, 30%)
이 색으로 배색 만들기 →
#6600CC#6600CC#6600CC

보라 계열 · 웹 안전색

HEX
#6600CC
RGB
rgb(102, 0, 204)
HSL
hsl(270, 100%, 40%)
이 색으로 배색 만들기 →
#6600FF#6600FF#6600FF

보라 계열 · 웹 안전색

HEX
#6600FF
RGB
rgb(102, 0, 255)
HSL
hsl(264, 100%, 50%)
이 색으로 배색 만들기 →
레베카 퍼플RebeccaPurple#663399

보라 계열 · 웹 안전색

HEX
#663399
RGB
rgb(102, 51, 153)
HSL
hsl(270, 50%, 40%)
이 색으로 배색 만들기 →
#6633CC#6633CC#6633CC

보라 계열 · 웹 안전색

HEX
#6633CC
RGB
rgb(102, 51, 204)
HSL
hsl(260, 60%, 50%)
이 색으로 배색 만들기 →
#6633FF#6633FF#6633FF

보라 계열 · 웹 안전색

HEX
#6633FF
RGB
rgb(102, 51, 255)
HSL
hsl(255, 100%, 60%)
이 색으로 배색 만들기 →
#9900CC#9900CC#9900CC

보라 계열 · 웹 안전색

HEX
#9900CC
RGB
rgb(153, 0, 204)
HSL
hsl(285, 100%, 40%)
이 색으로 배색 만들기 →
#9900FF#9900FF#9900FF

보라 계열 · 웹 안전색

HEX
#9900FF
RGB
rgb(153, 0, 255)
HSL
hsl(276, 100%, 50%)
이 색으로 배색 만들기 →
#9933CC#9933CC#9933CC

보라 계열 · 웹 안전색

HEX
#9933CC
RGB
rgb(153, 51, 204)
HSL
hsl(280, 60%, 50%)
이 색으로 배색 만들기 →
#9933FF#9933FF#9933FF

보라 계열 · 웹 안전색

HEX
#9933FF
RGB
rgb(153, 51, 255)
HSL
hsl(270, 100%, 60%)
이 색으로 배색 만들기 →
#9966CC#9966CC#9966CC

보라 계열 · 웹 안전색

HEX
#9966CC
RGB
rgb(153, 102, 204)
HSL
hsl(270, 50%, 60%)
이 색으로 배색 만들기 →
#9966FF#9966FF#9966FF

보라 계열 · 웹 안전색

HEX
#9966FF
RGB
rgb(153, 102, 255)
HSL
hsl(260, 100%, 70%)
이 색으로 배색 만들기 →
#CC00FF#CC00FF#CC00FF

보라 계열 · 웹 안전색

HEX
#CC00FF
RGB
rgb(204, 0, 255)
HSL
hsl(288, 100%, 50%)
이 색으로 배색 만들기 →
#CC33FF#CC33FF#CC33FF

보라 계열 · 웹 안전색

HEX
#CC33FF
RGB
rgb(204, 51, 255)
HSL
hsl(285, 100%, 60%)
이 색으로 배색 만들기 →
#CC66FF#CC66FF#CC66FF

보라 계열 · 웹 안전색

HEX
#CC66FF
RGB
rgb(204, 102, 255)
HSL
hsl(280, 100%, 70%)
이 색으로 배색 만들기 →
#CC99FF#CC99FF#CC99FF

보라 계열 · 웹 안전색

HEX
#CC99FF
RGB
rgb(204, 153, 255)
HSL
hsl(270, 100%, 80%)
이 색으로 배색 만들기 →
#330033#330033#330033

분홍 계열 · 웹 안전색

HEX
#330033
RGB
rgb(51, 0, 51)
HSL
hsl(300, 100%, 10%)
이 색으로 배색 만들기 →
#660033#660033#660033

분홍 계열 · 웹 안전색

HEX
#660033
RGB
rgb(102, 0, 51)
HSL
hsl(330, 100%, 20%)
이 색으로 배색 만들기 →
#660066#660066#660066

분홍 계열 · 웹 안전색

HEX
#660066
RGB
rgb(102, 0, 102)
HSL
hsl(300, 100%, 20%)
이 색으로 배색 만들기 →
#663366#663366#663366

분홍 계열 · 웹 안전색

HEX
#663366
RGB
rgb(102, 51, 102)
HSL
hsl(300, 33%, 30%)
이 색으로 배색 만들기 →
#990033#990033#990033

분홍 계열 · 웹 안전색

HEX
#990033
RGB
rgb(153, 0, 51)
HSL
hsl(340, 100%, 30%)
이 색으로 배색 만들기 →
#990066#990066#990066

분홍 계열 · 웹 안전색

HEX
#990066
RGB
rgb(153, 0, 102)
HSL
hsl(320, 100%, 30%)
이 색으로 배색 만들기 →
#990099#990099#990099

분홍 계열 · 웹 안전색

HEX
#990099
RGB
rgb(153, 0, 153)
HSL
hsl(300, 100%, 30%)
이 색으로 배색 만들기 →
#993366#993366#993366

분홍 계열 · 웹 안전색

HEX
#993366
RGB
rgb(153, 51, 102)
HSL
hsl(330, 50%, 40%)
이 색으로 배색 만들기 →
#993399#993399#993399

분홍 계열 · 웹 안전색

HEX
#993399
RGB
rgb(153, 51, 153)
HSL
hsl(300, 50%, 40%)
이 색으로 배색 만들기 →
#996699#996699#996699

분홍 계열 · 웹 안전색

HEX
#996699
RGB
rgb(153, 102, 153)
HSL
hsl(300, 20%, 50%)
이 색으로 배색 만들기 →
#CC0066#CC0066#CC0066

분홍 계열 · 웹 안전색

HEX
#CC0066
RGB
rgb(204, 0, 102)
HSL
hsl(330, 100%, 40%)
이 색으로 배색 만들기 →
#CC0099#CC0099#CC0099

분홍 계열 · 웹 안전색

HEX
#CC0099
RGB
rgb(204, 0, 153)
HSL
hsl(315, 100%, 40%)
이 색으로 배색 만들기 →
#CC00CC#CC00CC#CC00CC

분홍 계열 · 웹 안전색

HEX
#CC00CC
RGB
rgb(204, 0, 204)
HSL
hsl(300, 100%, 40%)
이 색으로 배색 만들기 →
#CC3366#CC3366#CC3366

분홍 계열 · 웹 안전색

HEX
#CC3366
RGB
rgb(204, 51, 102)
HSL
hsl(340, 60%, 50%)
이 색으로 배색 만들기 →
#CC3399#CC3399#CC3399

분홍 계열 · 웹 안전색

HEX
#CC3399
RGB
rgb(204, 51, 153)
HSL
hsl(320, 60%, 50%)
이 색으로 배색 만들기 →
#CC33CC#CC33CC#CC33CC

분홍 계열 · 웹 안전색

HEX
#CC33CC
RGB
rgb(204, 51, 204)
HSL
hsl(300, 60%, 50%)
이 색으로 배색 만들기 →
#CC6699#CC6699#CC6699

분홍 계열 · 웹 안전색

HEX
#CC6699
RGB
rgb(204, 102, 153)
HSL
hsl(330, 50%, 60%)
이 색으로 배색 만들기 →
#CC66CC#CC66CC#CC66CC

분홍 계열 · 웹 안전색

HEX
#CC66CC
RGB
rgb(204, 102, 204)
HSL
hsl(300, 50%, 60%)
이 색으로 배색 만들기 →
#CC99CC#CC99CC#CC99CC

분홍 계열 · 웹 안전색

HEX
#CC99CC
RGB
rgb(204, 153, 204)
HSL
hsl(300, 33%, 70%)
이 색으로 배색 만들기 →
#FF0066#FF0066#FF0066

분홍 계열 · 웹 안전색

HEX
#FF0066
RGB
rgb(255, 0, 102)
HSL
hsl(336, 100%, 50%)
이 색으로 배색 만들기 →
#FF0099#FF0099#FF0099

분홍 계열 · 웹 안전색

HEX
#FF0099
RGB
rgb(255, 0, 153)
HSL
hsl(324, 100%, 50%)
이 색으로 배색 만들기 →
#FF00CC#FF00CC#FF00CC

분홍 계열 · 웹 안전색

HEX
#FF00CC
RGB
rgb(255, 0, 204)
HSL
hsl(312, 100%, 50%)
이 색으로 배색 만들기 →
#FF00FF#FF00FF#FF00FF

분홍 계열 · 웹 안전색

HEX
#FF00FF
RGB
rgb(255, 0, 255)
HSL
hsl(300, 100%, 50%)
이 색으로 배색 만들기 →
#FF3399#FF3399#FF3399

분홍 계열 · 웹 안전색

HEX
#FF3399
RGB
rgb(255, 51, 153)
HSL
hsl(330, 100%, 60%)
이 색으로 배색 만들기 →
#FF33CC#FF33CC#FF33CC

분홍 계열 · 웹 안전색

HEX
#FF33CC
RGB
rgb(255, 51, 204)
HSL
hsl(315, 100%, 60%)
이 색으로 배색 만들기 →
#FF33FF#FF33FF#FF33FF

분홍 계열 · 웹 안전색

HEX
#FF33FF
RGB
rgb(255, 51, 255)
HSL
hsl(300, 100%, 60%)
이 색으로 배색 만들기 →
#FF6699#FF6699#FF6699

분홍 계열 · 웹 안전색

HEX
#FF6699
RGB
rgb(255, 102, 153)
HSL
hsl(340, 100%, 70%)
이 색으로 배색 만들기 →
#FF66CC#FF66CC#FF66CC

분홍 계열 · 웹 안전색

HEX
#FF66CC
RGB
rgb(255, 102, 204)
HSL
hsl(320, 100%, 70%)
이 색으로 배색 만들기 →
#FF66FF#FF66FF#FF66FF

분홍 계열 · 웹 안전색

HEX
#FF66FF
RGB
rgb(255, 102, 255)
HSL
hsl(300, 100%, 70%)
이 색으로 배색 만들기 →
#FF99CC#FF99CC#FF99CC

분홍 계열 · 웹 안전색

HEX
#FF99CC
RGB
rgb(255, 153, 204)
HSL
hsl(330, 100%, 80%)
이 색으로 배색 만들기 →
#FF99FF#FF99FF#FF99FF

분홍 계열 · 웹 안전색

HEX
#FF99FF
RGB
rgb(255, 153, 255)
HSL
hsl(300, 100%, 80%)
이 색으로 배색 만들기 →
#FFCCFF#FFCCFF#FFCCFF

분홍 계열 · 웹 안전색

HEX
#FFCCFF
RGB
rgb(255, 204, 255)
HSL
hsl(300, 100%, 90%)
이 색으로 배색 만들기 →
블랙Black#000000

뉴트럴 계열 · 웹 안전색

HEX
#000000
RGB
rgb(0, 0, 0)
HSL
hsl(0, 0%, 0%)
이 색으로 배색 만들기 →
#333333#333333#333333

뉴트럴 계열 · 웹 안전색

HEX
#333333
RGB
rgb(51, 51, 51)
HSL
hsl(0, 0%, 20%)
이 색으로 배색 만들기 →
#666666#666666#666666

뉴트럴 계열 · 웹 안전색

HEX
#666666
RGB
rgb(102, 102, 102)
HSL
hsl(0, 0%, 40%)
이 색으로 배색 만들기 →
#999999#999999#999999

뉴트럴 계열 · 웹 안전색

HEX
#999999
RGB
rgb(153, 153, 153)
HSL
hsl(0, 0%, 60%)
이 색으로 배색 만들기 →
#CCCCCC#CCCCCC#CCCCCC

뉴트럴 계열 · 웹 안전색

HEX
#CCCCCC
RGB
rgb(204, 204, 204)
HSL
hsl(0, 0%, 80%)
이 색으로 배색 만들기 →
화이트White#FFFFFF

뉴트럴 계열 · 웹 안전색

HEX
#FFFFFF
RGB
rgb(255, 255, 255)
HSL
hsl(0, 0%, 100%)
이 색으로 배색 만들기 →

색 이름을 읽는 작은 안내

이 사전은 W3C의 CSS 색 이름 중 이름 색상 86개를 담았습니다. 별도 탭에서는 216가지 웹 안전색 전체를 볼 수 있습니다. 한글은 이름을 쉽게 읽기 위한 표기이며, 계열은 탐색을 돕기 위한 분류입니다. 일반적인 색 이름은 재료나 색상 체계에 따라 다른 값을 가리킬 수 있어요.

HEX는 웹에서 사용하는 색상 코드, RGB는 빨강·초록·파랑의 양, HSL은 색상·채도·명도를 나타냅니다. HSL 값은 정수로 반올림했습니다. 화면 설정에 따라 색이 다르게 보일 수 있으며, 이 목록은 테스트의 12가지 대표 컬러와 별개의 색상 기준입니다.

색에 관한 이야기도 만나보세요 →