CSS 색상 코드 및 이름.
색상 코드는 다음 중 하나 일 수 있습니다.
16 진수 형식 : #rrggbb
RGB 형식 : rgb (빨간색, 녹색, 파란색)
이름 형식 : 이름
주황색의 경우 :
16 진수 형식 : # FFA500
RGB 형식 : rgb (255,165,0)
이름 형식 : 주황색
특정 요소의 경우 :
<element style="color: code;"/</element/
동일한 유형의 모든 요소. 헤드 섹션의 <style/ 태그에 코드를 넣으십시오.
<style/
element { color: code; }
</style/
단락 텍스트 색상을 빨간색으로 설정 :
특정 단락의 색상 설정 :
<p style="color: #FF0000;"/Some text ...</p/
전망:
일부 텍스트 ...
모든 단락의 색상 설정
<style>
p { color: #FF0000; }
</style>
element { background: code; }
단락 배경색을 빨간색으로 설정 :
특정 단락의 배경색 설정 :
<p style="background: #FF0000;">Some text ...</p>
전망:
일부 텍스트 ...
모든 단락의 배경색 설정 :
<style>
p { background: #FF0000; }
</style>
element { border-color: topcode rightcode bottomcode leftcode }
단락 테두리 색상을 빨강, 녹색, 파랑 및 검정으로 설정 :
특정 단락의 테두리 색상 설정 :
<p style="border-color: #FF0000 #00FF00 #0000FF #000000; border-style:solid">Some text ...</p>
전망:
일부 텍스트 ...
모든 단락의 테두리 색상 설정 :
<style>
p { border-color: #FF0000 #00FF00 #0000FF #000000; }
</style>
| 색깔 | HTML / CSS 색상 이름 |
16 진수 코드 #RRGGBB |
10 진수 코드 (R, G, B) |
|---|---|---|---|
| 등불 | # FFA07A | rgb (255,160,122) | |
| 연어 | # FA8072 | rgb (250,128,114) | |
| 진한 연어 | # E9967A | rgb (233,150,122) | |
| 가벼운 산호 | # F08080 | rgb (240,128,128) | |
| 인디언 | # CD5C5C | rgb (205,92,92) | |
| 진홍 | # DC143C | rgb (220,20,60) | |
| 내화 벽돌 | # B22222 | rgb (178,34,34) | |
| 빨강 | # FF0000 | rgb (255,0,0) | |
| 진한 빨강 | # 8B0000 | rgb (139,0,0) |
| 색깔 | HTML / CSS 색상 이름 |
16 진수 코드 #RRGGBB |
10 진수 코드 (R, G, B) |
|---|---|---|---|
| 산호 | # FF7F50 | rgb (255,127,80) | |
| 토마토 | # FF6347 | rgb (255,99,71) | |
| 오렌지 레드 | # FF4500 | rgb (255,69,0) | |
| 금 | # FFD700 | rgb (255,215,0) | |
| 주황색 | # FFA500 | rgb (255,165,0) | |
| 어두운 주황색 | # FF8C00 | rgb (255,140,0) |
| 색깔 | HTML / CSS 색상 이름 |
16 진수 코드 #RRGGBB |
10 진수 코드 (R, G, B) |
|---|---|---|---|
| 연노랑 | # FFFFE0 | rgb (255,255,224) | |
| 레몬 시폰 | #FFFACD | rgb (255,250,205) | |
| 연한 황금빛 | # FAFAD2 | rgb (250,250,210) | |
| 파파야 | # FFEFD5 | rgb (255,239,213) | |
| 모카신 | # FFE4B5 | rgb (255,228,181) | |
| 복숭아 | # FFDAB9 | rgb (255,218,185) | |
| 창백한 | # EEE8AA | rgb (238,232,170) | |
| 카키색 옷감 | # F0E68C | rgb (240,230,140) | |
| 진한 카키 | # BDB76B | rgb (189,183,107) | |
| 노랑 | # FFFF00 | rgb (255,255,0) |
| 색깔 | HTML / CSS 색상 이름 |
16 진수 코드 #RRGGBB |
10 진수 코드 (R, G, B) |
|---|---|---|---|
| 잔디밭 | # 7CFC00 | rgb (124,252,0) | |
| 연두빛 | # 7FFF00 | rgb (127,255,0) | |
| 라임 그린 | # 32CD32 | rgb (50,205,50) | |
| 라임 | # 00FF00 | rgb (0.255.0) | |
| 숲 | # 228B22 | rgb (34,139,34) | |
| 초록 | # 008000 | rgb (0,128,0) | |
| 짙은 녹색 | # 006400 | rgb (0,100,0) | |
| 녹색 노란색 | # ADFF2F | rgb (173,255,47) | |
| 연두색 | # 9ACD32 | rgb (154,205,50) | |
| Springgreen | # 00FF7F | rgb (0,255,127) | |
| 미디엄 스프링 그린 | # 00FA9A | rgb (0,250,154) | |
| 연한 초록색 | # 90EE90 | rgb (144,238,144) | |
| 옅은 녹색 | # 98FB98 | rgb (152,251,152) | |
| 진한 녹색 | # 8FBC8F | rgb (143,188,143) | |
| 미디엄 | # 3CB371 | rgb (60,179,113) | |
| 해록 | # 2E8B57 | rgb (46,139,87) | |
| 올리브 | # 808000 | rgb (128,128,0) | |
| 진한 녹색 | # 556B2F | rgb (85,107,47) | |
| 올리브 | # 6B8E23 | rgb (107,142,35) |
| 색깔 | HTML / CSS 색상 이름 |
16 진수 코드 #RRGGBB |
10 진수 코드 (R, G, B) |
|---|---|---|---|
| 연한 청록색 | # E0FFFF | rgb (224,255,255) | |
| 청록색 | # 00FFFF | rgb (0,255,255) | |
| 아쿠아 | # 00FFFF | rgb (0,255,255) | |
| 남옥 | # 7FFFD4 | rgb (127,255,212) | |
| 미디엄 아쿠아 마린 | # 66CDAA | rgb (102,205,170) | |
| 팔레트 | #AFEEEE | rgb (175,238,238) | |
| 터키 옥 | # 40E0D0 | rgb (64,224,208) | |
| 중간 청록색 | # 48D1CC | rgb (72,209,204) | |
| 어두운 청록색 | # 00CED1 | rgb (0,206,209) | |
| 빛 바다 | # 20B2AA | rgb (32,178,170) | |
| 생도 블루 | # 5F9EA0 | rgb (95,158,160) | |
| 진한 청록색 | # 008B8B | rgb (0,139,139) | |
| 물오리 | # 008080 | rgb (0,128,128) |
| 색깔 | HTML / CSS 색상 이름 |
16 진수 코드 #RRGGBB |
10 진수 코드 (R, G, B) |
|---|---|---|---|
| 파우더 블루 | # B0E0E6 | rgb (176,224,230) | |
| 하늘색 | # ADD8E6 | rgb (173,216,230) | |
| 밝은 하늘색 | # 87CEFA | rgb (135,206,250) | |
| 하늘색 | # 87CEEB | rgb (135,206,235) | |
| 깊은 하늘 | # 00BFFF | rgb (0,191,255) | |
| 라이트 스틸 블루 | # B0C4DE | rgb (176,196,222) | |
| 다저 블루 | # 1E90FF | rgb (30,144,255) | |
| 수레 국화 | # 6495ED | rgb (100,149,237) | |
| 스틸 블루 | # 4682B4 | rgb (70,130,180) | |
| 로얄 블루 | # 4169E1 | rgb (65,105,225) | |
| 푸른 | # 0000FF | rgb (0,0,255) | |
| 미디엄 블루 | # 0000CD | rgb (0,0,205) | |
| 진한 파란색 | # 00008B | rgb (0,0,139) | |
| 해군 | # 000080 | rgb (0,0,128) | |
| 자정 블루 | # 191970 | rgb (25,25,112) | |
| 중간 슬레이트 | # 7B68EE | rgb (123,104,238) | |
| 슬레이트 | # 6A5ACD | rgb (106,90,205) | |
| 다크 슬레이트 | # 483D8B | rgb (72,61,139) |
| 색깔 | HTML / CSS 색상 이름 |
16 진수 코드 #RRGGBB |
10 진수 코드 (R, G, B) |
|---|---|---|---|
| 라벤더 | # E6E6FA | rgb (230,230,250) | |
| 엉겅퀴 훈장 | # D8BFD8 | rgb (216,191,216) | |
| 자두 | # DDA0DD | rgb (221,160,221) | |
| 제비꽃 | # EE82EE | rgb (238,130,238) | |
| 난초 | # DA70D6 | rgb (218,112,214) | |
| 푹샤 | # FF00FF | rgb (255,0,255) | |
| 마젠타 | # FF00FF | rgb (255,0,255) | |
| 중간 난초 | # BA55D3 | rgb (186,85,211) | |
| 중간 보라색 | # 9370DB | rgb (147,112,219) | |
| 블루 바이올렛 | # 8A2BE2 | rgb (138,43,226) | |
| 진한 보라색 | # 9400D3 | rgb (148,0,211) | |
| 다크 오키드 | # 9932CC | rgb (153,50,204) | |
| 진한 자홍색 | # 8B008B | rgb (139,0,139) | |
| 보라색 | # 800080 | rgb (128,0,128) | |
| 남빛 | # 4B0082 | rgb (75,0,130) |
| 색깔 | HTML / CSS 색상 이름 |
16 진수 코드 #RRGGBB |
10 진수 코드 (R, G, B) |
|---|---|---|---|
| 분홍 | # FFC0CB | rgb (255,192,203) | |
| 연분홍 | # FFB6C1 | rgb (255,182,193) | |
| 핫 핑크 | # FF69B4 | rgb (255,105,180) | |
| 딥 핑크 | # FF1493 | rgb (255,20,147) | |
| 팔레비 아 | # DB7093 | rgb (219,112,147) | |
| 중간 보라색 | # C71585 | rgb (199,21,133) |
| 색깔 | HTML / CSS 색상 이름 |
16 진수 코드 #RRGGBB |
10 진수 코드 (R, G, B) |
|---|---|---|---|
| 하얀 | #FFFFFF | rgb (255,255,255) | |
| 눈 | #FFFAFA | rgb (255,250,250) | |
| 단물 | # F0FFF0 | rgb (240,255,240) | |
| 민트 크림 | # F5FFFA | rgb (245,255,250) | |
| 하늘빛 | # F0FFFF | rgb (240,255,255) | |
| 앨리스 블루 | # F0F8FF | rgb (240,248,255) | |
| 유령 흰색 | # F8F8FF | rgb (248,248,255) | |
| 흰 연기 | # F5F5F5 | rgb (245,245,245) | |
| 조개 | # FFF5EE | rgb (255,245,238) | |
| 베이지 | # F5F5DC | rgb (245,245,220) | |
| 올드 레이스 | # FDF5E6 | rgb (253,245,230) | |
| 꽃 무늬의 | # FFFAF0 | rgb (255,250,240) | |
| 상아 | # FFFFF0 | rgb (255,255,240) | |
| 고대 미술 | # FAEBD7 | rgb (250,235,215) | |
| 리넨 | # FAF0E6 | rgb (250,240,230) | |
| 라벤더 | # FFF0F5 | rgb (255,240,245) | |
| 미스티 로즈 | # FFE4E1 | rgb (255,228,225) |
| 색깔 | HTML / CSS 색상 이름 |
16 진수 코드 #RRGGBB |
10 진수 코드 (R, G, B) |
|---|---|---|---|
| Gainsboro | #DCDCDC | rgb (220,220,220) | |
| 밝은 회색 | # D3D3D3 | rgb (211,211,211) | |
| 은 | # C0C0C0 | rgb (192,192,192) | |
| 짙은 회색 | # A9A9A9 | rgb (169,169,169) | |
| 회색 | # 808080 | rgb (128,128,128) | |
| 희미한 | # 696969 | rgb (105,105,105) | |
| 라이트 그레이 | # 778899 | rgb (119,136,153) | |
| 슬라 테그 라이 | # 708090 | rgb (112,128,144) | |
| 다크 슬레이트 | # 2F4F4F | rgb (47,79,79) | |
| 검정 | # 000000 | rgb (0,0,0) |
| 색깔 | HTML / CSS 색상 이름 |
16 진수 코드 #RRGGBB |
10 진수 코드 (R, G, B) |
|---|---|---|---|
| 옥수수 실크 | # FFF8DC | rgb (255,248,220) | |
| Blanchedalmond | #FFEBCD | rgb (255,235,205) | |
| 비스크 | # FFE4C4 | rgb (255,228,196) | |
| 나바호 어 | #FFDEAD | rgb (255,222,173) | |
| 밀 | # F5DEB3 | rgb (245,222,179) | |
| Burlywood | # DEB887 | rgb (222,184,135) | |
| 황갈색 | # D2B48C | rgb (210,180,140) | |
| 장미 빛 갈색 | # BC8F8F | rgb (188,143,143) | |
| 샌디 브라운 | # F4A460 | rgb (244,164,96) | |
| 갈 조색 | # DAA520 | rgb (218,165,32) | |
| 페루 | # CD853F | rgb (205,133,63) | |
| 초콜릿 | # D2691E | rgb (210,105,30) | |
| 안장 갈색 | # 8B4513 | rgb (139,69,19) | |
| 시에나 | # A0522D | rgb (160,82,45) | |
| 갈색 | # A52A2A | rgb (165,42,42) | |
| 적갈색 | # 800000 | rgb (128,0,0) |