Web에서 사용할 수 있는 컬러 네임과 그 컬러 코드 RGB값 목록(1)
관리자
0
634
2020.12.09 21:47
Web사이트를 만들 때 통상 색의 지정에는 컬러 코드를 기술하지만 정해진 색 명칭을 사용할 수도 있습니다. 색을 직접 하나에서 사는 것보단, 리스트 중에서 선택이 이미지에 맞는 색이 쉽게 찾을 수 있다요..라고 하는 장면이 있거나 단순히 색깔 이름에서 컬러 코드나 RGB값을 알고 싶다는 것이 가끔 있어 일람에 정리했습니다.새로 생겼다"rebeccapurple"도 목록에 넣어요.
추기:컬러 코드를 RGB값으로 변환하는 도구 만들었습니다 →"Quick HEX to RGB"
외우기 쉬운· 쓰기 쉬운 빛깔
Web사이트의 제작 도중이나 테스트 단계에서는 간편하게"일단"색을 칠해…라는 것도 있습니다. 그런 때는 짧고 철자의 간단한 색 명칭을 명심하면 편리합니다. 잘 있다"red"와 "blue"이라고 채도가 높아서 사용하기가 어렵다는 것도.우선 내가 자주 쓰면서 기억하기 쉽고 쓰기 쉬운 빛깔을 늘어놓습니다!
| 색 견본 | 컬러 네임 | 컬러 코드 | RGB |
|---|---|---|---|
| pink | #ffc0cb | rgb(255, 192, 203) | |
| tomato | #ff6347 | rgb(255, 99, 71) | |
| orange | #ffa500 | rgb(255, 165, 0) | |
| plum | #dda0dd | rgb(221, 160, 221) | |
| tan | #d2b48c | rgb(210, 180, 140) |
붉은 색 계열의 색
| 색 견본 | 컬러 네임 | 컬러 코드 | RGB |
|---|---|---|---|
| indianred | #cd5c5c | rgb(205, 92, 92) | |
| lightcoral | #f08080 | rgb(240, 128, 128) | |
| salmon | #fa8072 | rgb(250, 128, 114) | |
| darksalmon | #e9967a | rgb(233, 150, 122) | |
| lightsalmon | #ffa07a | rgb(255, 160, 122) | |
| crimson | #dc143c | rgb(220, 20, 60) | |
| red | #ff0000 | rgb(255, 0, 0) | |
| firebrick | #b22222 | rgb(178, 34, 34) | |
| darkred | #8b0000 | rgb(139, 0, 0) |
핑크 계통의 색
| 색 견본 | 컬러 네임 | 컬러 코드 | RGB |
|---|---|---|---|
| pink | #ffc0cb | rgb(255, 192, 203) | |
| lightpink | #ffb6c1 | rgb(255, 182, 193) | |
| hotpink | #ff69b4 | rgb(255, 105, 180) | |
| deeppink | #ff1493 | rgb(255, 20, 147) | |
| mediumvioletred | #c71585 | rgb(199, 21, 133) | |
| palevioletred | #db7093 | rgb(219, 112, 147) |
오렌지 계열의 색
| 색 견본 | 컬러 네임 | 컬러 코드 | RGB |
|---|---|---|---|
| lightsalmon | #ffa07a | rgb(255, 160, 122) | |
| coral | #ff7f50 | rgb(255, 127, 80) | |
| tomato | #ff6347 | rgb(255, 99, 71) | |
| orangered | #ff4500 | rgb(255, 69, 0) | |
| darkorange | #ff8c00 | rgb(255, 140, 0) | |
| orange | #ffa500 | rgb(255, 165, 0) |
황 계통의 색
| 색 견본 | 컬러 네임 | 컬러 코드 | RGB |
|---|---|---|---|
| gold | #ffd700 | rgb(255, 215, 0) | |
| yellow | #ffff00 | rgb(255, 255, 0) | |
| lightyellow | #ffffe0 | rgb(255, 255, 224) | |
| lemonchiffon | #fffacd | rgb(255, 250, 205) | |
| lightgoldenrodyellow | #fafad2 | rgb(250, 250, 210) | |
| papayawhip | #ffefd5 | rgb(255, 239, 213) | |
| moccasin | #ffe4b5 | rgb(255, 228, 181) | |
| peachpuff | #ffdab9 | rgb(255, 218, 185) | |
| palegoldenrod | #eee8aa | rgb(238, 232, 170) | |
| khaki | #f0e68c | rgb(240, 230, 140) | |
| darkkhaki | #bdb76b | rgb(189, 183, 107) |
