"일꾼이 일을 잘하려면 먼저 도구를 갈고 닦아야 한다." - 공자, 『논어』.
온라인 도구
소프트웨어 튜토리얼
사이트 탐색
프로그램 작성
첫 장 > RGB 색상 값 16진수

RGB 색상 값 16진수

색상 값
입력 예(대소문자 구분 안 함): #707B7C #AAF7DC6F rgb(72,201,176) rgba(241,148,138,0.5) hsl(204,70%,63%)
시사 체재 변환 결과
HEX #345345
RGB rgb(52,83,69)
RGBA rgba(52,83,69,1.000)
ARGB #ff345345
HSL hsl(153,23%,26%)

CSS 색상표

HTML 및 CSS 색상 사양에는 147개의 색상 이름이 정의되어 있습니다(17개의 표준 색상과 130개의 기타 색상). 이러한 모든 색상은 16진수 값과 함께 아래 표에 나열되어 있습니다.
17가지 표준 색상은 다음과 같습니다.aqua, black, blue, fuchsia, gray, green, lime, maroon, navy,olive, orange, purple, red, silver, teal, white, yellow。

gray

색상 이름 시사 HEX RGB HSL
gainsboro #dcdcdc 220, 220, 220 0, 0%, 86%
lightgray #d3d3d3 211, 211, 211 0, 0%, 83%
silver #c0c0c0 192, 192, 192 0, 0%, 75%
darkgray #a9a9a9 169, 169, 169 0, 0%, 66%
gray #808080 128, 128, 128 0, 0%, 50%
dimgray #696969 105, 105, 105 0, 0%, 41%
lightslategray #778899 119, 136, 153 210, 14%, 53%
slategray #708090 112, 128, 144 210, 13%, 50%
darkslategray #2f4f4f 47, 79, 79 180, 25%, 25%
black #000000 0, 0, 0 0, 0%, 0%

red

색상 이름 시사 HEX RGB HSL
indianred #cd5c5c 205, 92, 92 0, 53%, 58%
lightcoral #f08080 240, 128, 128 0, 79%, 72%
salmon #fa8072 250, 128, 114 6, 93%, 71%
darksalmon #e9967a 233, 150, 122 15, 72%, 70%
lightsalmon #ffa07a 255, 160, 122 17, 100%, 74%
crimson #dc143c 220, 20, 60 348, 83%, 47%
red #ff0000 255, 0, 0 0, 100%, 50%
firebrick #b22222 178, 34, 34 0, 68%, 42%
darkred #8b0000 139, 0, 0 0, 100%, 27%

orange

색상 이름 시사 HEX RGB HSL
lightsalmon #ffa07a 255, 160, 122 17, 100%, 74%
coral #ff7f50 255, 127, 80 16, 100%, 66%
tomato #ff6347 255, 99, 71 9, 100%, 64%
orangered #ff4500 255, 69, 0 16, 100%, 50%
darkorange #ff8c00 255, 140, 0 33, 100%, 50%
orange #ffa500 255, 165, 0 39, 100%, 50%

brown

색상 이름 시사 HEX RGB HSL
cornsilk #fff8dc 255, 248, 220 48, 100%, 93%
blanchedalmond #ffebcd 255, 235, 205 36, 100%, 90%
bisque #ffe4c4 255, 228, 196 33, 100%, 88%
navajowhite #ffdead 255, 222, 173 36, 100%, 84%
wheat #f5deb3 245, 222, 179 39, 77%, 83%
burlywood #deb887 222, 184, 135 34, 57%, 70%
tan #d2b48c 210, 180, 140 34, 44%, 69%
rosybrown #bc8f8f 188, 143, 143 0, 25%, 65%
sandybrown #f4a460 244, 164, 96 28, 87%, 67%
goldenrod #daa520 218, 165, 32 43, 74%, 49%
darkgoldenrod #b8860b 184, 134, 11 43, 89%, 38%
peru #cd853f 205, 133, 63 30, 59%, 53%
chocolate #d2691e 210, 105, 30 25, 75%, 47%
saddlebrown #8b4513 139, 69, 19 25, 76%, 31%
sienna #a0522d 160, 82, 45 19, 56%, 40%
brown #a52a2a 165, 42, 42 0, 59%, 41%
maroon #800000 128, 0, 0 0, 100%, 25%

blue

색상 이름 시사 HEX RGB HSL
aqua #00ffff 0, 255, 255 180, 100%, 50%
cyan #00ffff 0, 255, 255 180, 100%, 50%
lightcyan #e0ffff 224, 255, 255 180, 100%, 94%
paleturquoise #afeeee 175, 238, 238 180, 65%, 81%
aquamarine #7fffd4 127, 255, 212 160, 100%, 75%
turquoise #40e0d0 64, 224, 208 174, 72%, 56%
mediumturquoise #48d1cc 72, 209, 204 178, 60%, 55%
darkturquoise #00ced1 0, 206, 209 181, 100%, 41%
cadetblue #5f9ea0 95, 158, 160 182, 25%, 50%
steelblue #4682b4 70, 130, 180 207, 44%, 49%
lightsteelblue #b0c4de 176, 196, 222 214, 41%, 78%
powderblue #b0e0e6 176, 224, 230 187, 52%, 80%
lightblue #add8e6 173, 216, 230 195, 53%, 79%
skyblue #87ceeb 135, 206, 235 197, 71%, 73%
lightskyblue #87cefa 135, 206, 250 203, 92%, 75%
deepskyblue #00bfff 0, 191, 255 195, 100%, 50%
dodgerblue #1e90ff 30, 144, 255 210, 100%, 56%
cornflowerblue #6495ed 100, 149, 237 219, 79%, 66%
mediumslateblue #7b68ee 123, 104, 238 249, 80%, 67%
royalblue #4169e1 65, 105, 225 225, 73%, 57%
blue #0000ff 0, 0, 255 240, 100%, 50%
mediumblue #0000cd 0, 0, 205 240, 100%, 40%
darkblue #00008b 0, 0, 139 240, 100%, 27%
navy #000080 0, 0, 128 240, 100%, 25%
midnightblue #191970 25, 25, 112 240, 64%, 27%

green

색상 이름 시사 HEX RGB HSL
greenyellow #adff2f 173, 255, 47 84, 100%, 59%
chartreuse #7fff00 127, 255, 0 90, 100%, 50%
lawngreen #7cfc00 124, 252, 0 90, 100%, 49%
lime #00ff00 0, 255, 0 120, 100%, 50%
limegreen #32cd32 50, 205, 50 120, 61%, 50%
palegreen #98fb98 152, 251, 152 120, 93%, 79%
lightgreen #90ee90 144, 238, 144 120, 73%, 75%
mediumspringgreen #00fa9a 0, 250, 154 157, 100%, 49%
springgreen #00ff7f 0, 255, 127 150, 100%, 50%
mediumseagreen #3cb371 60, 179, 113 147, 50%, 47%
seagreen #2e8b57 46, 139, 87 146, 50%, 36%
forestgreen #228b22 34, 139, 34 120, 61%, 34%
green #008000 0, 128, 0 120, 100%, 25%
darkgreen #006400 0, 100, 0 120, 100%, 20%
yellowgreen #9acd32 154, 205, 50 80, 61%, 50%
olivedrab #6b8e23 107, 142, 35 80, 60%, 35%
olive #808000 128, 128, 0 60, 100%, 25%
darkolivegreen #556b2f 85, 107, 47 82, 39%, 30%
mediumaquamarine #66cdaa 102, 205, 170 160, 51%, 60%
darkseagreen #8fbc8b 143, 188, 139 115, 27%, 64%
lightseagreen #20b2aa 32, 178, 170 177, 70%, 41%
darkcyan #008b8b 0, 139, 139 180, 100%, 27%
teal #008080 0, 128, 128 180, 100%, 25%

pink

색상 이름 시사 HEX RGB HSL
pink #ffc0cb 255, 192, 203 350, 100%, 88%
lightpink #ffb6c1 255, 182, 193 351, 100%, 86%
hotpink #ff69b4 255, 105, 180 330, 100%, 71%
deeppink #ff1493 255, 20, 147 328, 100%, 54%
mediumvioletred #c71585 199, 21, 133 322, 81%, 43%
palevioletred #db7093 219, 112, 147 340, 60%, 65%

purple

색상 이름 시사 HEX RGB HSL
lavender #e6e6fa 230, 230, 250 240, 67%, 94%
thistle #d8bfd8 216, 191, 216 300, 24%, 80%
plum #dda0dd 221, 160, 221 300, 47%, 75%
violet #ee82ee 238, 130, 238 300, 76%, 72%
orchid #da70d6 218, 112, 214 302, 59%, 65%
fuchsia #ff00ff 255, 0, 255 300, 100%, 50%
magenta #ff00ff 255, 0, 255 300, 100%, 50%
mediumorchid #ba55d3 186, 85, 211 288, 59%, 58%
mediumpurple #9370db 147, 112, 219 260, 60%, 65%
rebeccapurple #663399 102, 51, 153 270, 50%, 40%
blueviolet #8a2be2 138, 43, 226 271, 76%, 53%
darkviolet #9400d3 148, 0, 211 282, 100%, 41%
darkorchid #9932cc 153, 50, 204 280, 61%, 50%
darkmagenta #8b008b 139, 0, 139 300, 100%, 27%
purple #800080 128, 0, 128 300, 100%, 25%
indigo #4b0082 75, 0, 130 275, 100%, 25%
slateblue #6a5acd 106, 90, 205 248, 53%, 58%
darkslateblue #483d8b 72, 61, 139 248, 39%, 39%
mediumslateblue #7b68ee 123, 104, 238 249, 80%, 67%

white

색상 이름 시사 HEX RGB HSL
white #ffffff 255, 255, 255 0, 0%, 100%
snow #fffafa 255, 250, 250 0, 100%, 99%
honeydew #f0fff0 240, 255, 240 120, 100%, 97%
mintcream #f5fffa 245, 255, 250 150, 100%, 98%
azure #f0ffff 240, 255, 255 180, 100%, 97%
aliceblue #f0f8ff 240, 248, 255 208, 100%, 97%
ghostwhite #f8f8ff 248, 248, 255 240, 100%, 99%
whitesmoke #f5f5f5 245, 245, 245 0, 0%, 96%
seashell #fff5ee 255, 245, 238 25, 100%, 97%
beige #f5f5dc 245, 245, 220 60, 56%, 91%
oldlace #fdf5e6 253, 245, 230 39, 85%, 95%
floralwhite #fffaf0 255, 250, 240 40, 100%, 97%
ivory #fffff0 255, 255, 240 60, 100%, 97%
antiquewhite #faebd7 250, 235, 215 34, 78%, 91%
linen #faf0e6 250, 240, 230 30, 67%, 94%
lavenderblush #fff0f5 255, 240, 245 340, 100%, 97%
mistyrose #ffe4e1 255, 228, 225 6, 100%, 94%

yellow

색상 이름 시사 HEX RGB HSL
gold #ffd700 255, 215, 0 51, 100%, 50%
yellow #ffff00 255, 255, 0 60, 100%, 50%
lightyellow #ffffe0 255, 255, 224 60, 100%, 94%
lemonchiffon #fffacd 255, 250, 205 54, 100%, 90%
lightgoldenrodyellow #fafad2 250, 250, 210 60, 80%, 90%
papayawhip #ffefd5 255, 239, 213 37, 100%, 92%
moccasin #ffe4b5 255, 228, 181 38, 100%, 85%
peachpuff #ffdab9 255, 218, 185 28, 100%, 86%
palegoldenrod #eee8aa 238, 232, 170 55, 67%, 80%
khaki #f0e68c 240, 230, 140 54, 77%, 75%
darkkhaki #bdb76b 189, 183, 107 56, 38%, 58%

부인 성명: 제공된 모든 리소스는 부분적으로 인터넷에서 가져온 것입니다. 귀하의 저작권이나 기타 권리 및 이익이 침해된 경우 자세한 이유를 설명하고 저작권 또는 권리 및 이익에 대한 증거를 제공한 후 이메일([email protected])로 보내주십시오. 최대한 빨리 처리해 드리겠습니다.

Copyright© 2022 湘ICP备2022001581号-3