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) |