Web에서 사용할 수 있는 컬러 네임과 그 컬러 코드 RGB값 목록(1)

Web에서 사용할 수 있는 컬러 네임과 그 컬러 코드 RGB값 목록(1)

관리자 0 63

dd68580f95ea678dddac2d375ba641a3_1607518009_545.png


Web사이트를 만들 때 통상 색의 지정에는 컬러 코드를 기술하지만 정해진 색 명칭을 사용할 수도 있습니다. 색을 직접 하나에서 사는 것보단, 리스트 중에서 선택이 이미지에 맞는 색이 쉽게 찾을 수 있다요..라고 하는 장면이 있거나 단순히 색깔 이름에서 컬러 코드나 RGB값을 알고 싶다는 것이 가끔 있어 일람에 정리했습니다.새로 생겼다"rebeccapurple"도 목록에 넣어요.
 

추기:컬러 코드를 RGB값으로 변환하는 도구 만들었습니다 →"Quick HEX to RGB"

외우기 쉬운· 쓰기 쉬운 빛깔

Web사이트의 제작 도중이나 테스트 단계에서는 간편하게"일단"색을 칠해…라는 것도 있습니다. 그런 때는 짧고 철자의 간단한 색 명칭을 명심하면 편리합니다. 잘 있다"red"와 "blue"이라고 채도가 높아서 사용하기가 어렵다는 것도.우선 내가 자주 쓰면서 기억하기 쉽고 쓰기 쉬운 빛깔을 늘어놓습니다!

색 견본컬러 네임컬러 코드RGB
pink#ffc0cbrgb(255, 192, 203)
tomato#ff6347rgb(255, 99, 71)
orange#ffa500rgb(255, 165, 0)
plum#dda0ddrgb(221, 160, 221)
tan#d2b48crgb(210, 180, 140)

붉은 색 계열의 색

색 견본컬러 네임컬러 코드RGB
indianred#cd5c5crgb(205, 92, 92)
lightcoral#f08080rgb(240, 128, 128)
salmon#fa8072rgb(250, 128, 114)
darksalmon#e9967argb(233, 150, 122)
lightsalmon#ffa07argb(255, 160, 122)
crimson#dc143crgb(220, 20, 60)
red#ff0000rgb(255, 0, 0)
firebrick#b22222rgb(178, 34, 34)
darkred#8b0000rgb(139, 0, 0)

핑크 계통의 색

색 견본컬러 네임컬러 코드RGB
pink#ffc0cbrgb(255, 192, 203)
lightpink#ffb6c1rgb(255, 182, 193)
hotpink#ff69b4rgb(255, 105, 180)
deeppink#ff1493rgb(255, 20, 147)
mediumvioletred#c71585rgb(199, 21, 133)
palevioletred#db7093rgb(219, 112, 147)

오렌지 계열의 색

색 견본컬러 네임컬러 코드RGB
lightsalmon#ffa07argb(255, 160, 122)
coral#ff7f50rgb(255, 127, 80)
tomato#ff6347rgb(255, 99, 71)
orangered#ff4500rgb(255, 69, 0)
darkorange#ff8c00rgb(255, 140, 0)
orange#ffa500rgb(255, 165, 0)

황 계통의 색

색 견본컬러 네임컬러 코드RGB
gold#ffd700rgb(255, 215, 0)
yellow#ffff00rgb(255, 255, 0)
lightyellow#ffffe0rgb(255, 255, 224)
lemonchiffon#fffacdrgb(255, 250, 205)
lightgoldenrodyellow#fafad2rgb(250, 250, 210)
papayawhip#ffefd5rgb(255, 239, 213)
moccasin#ffe4b5rgb(255, 228, 181)
peachpuff#ffdab9rgb(255, 218, 185)
palegoldenrod#eee8aargb(238, 232, 170)
khaki#f0e68crgb(240, 230, 140)
darkkhaki#bdb76brgb(189, 183, 107)

, ,

번호 연재 목록 조회
연재글이 없습니다.
0 Comments