HTML-색상 이름

다음 표는 HTML 3.2에 도입 된 16 가지 색상 이름을 보여줍니다.

색상 이름 16 진수 값 색깔 보여 주다
아쿠아 # 00ffff 데모
검정 # 000000 데모
푸른 # 0000ff 데모
푹샤 # ff00ff 데모
초록 # 008000 데모
회색 # 808080 데모
라임 # 00ff00 데모
적갈색 # 800000 데모
해군 # 000080 데모
올리브 # 808000 데모
보라색 # 800080 데모
빨간 # ff0000 데모
# c0c0c0 데모
물오리 # 008080 데모
하얀 #ffffff 데모
노랑 # ffff00 데모

HTML 또는 XHTML의 일부가 아닌 다른 색상이 있지만 대부분의 주요 브라우저 버전에서 지원됩니다.

색상 이름 16 진수 값 색깔 보여 주다
앨리스 블루 # f0f8ff 데모
고대 미술 # faebd7 데모
남옥 # 7fffd4 데모
하늘빛 # f0ffff 데모
베이지 # f5f5dc 데모
비스크 # ffe4c4 데모
Blanchedalmond #ffebcd 데모
블루 바이올렛 # 8a2be2 데모
갈색 # a52a2a 데모
Burlywood # deb887 데모
생도 블루 # 5f9ea0 데모
연두빛 # 7fff00 데모
초콜릿 # d2691e 데모
산호 # ff7f50 데모
수레 국화 # 6495ed 데모
옥수수 실크 # fff8dc 데모
진홍 # dc143c 데모
청록색 # 00ffff 데모
진한 파란색 # 00008b 데모
진한 청록색 # 008b8b 데모
다크 골든로드 # b8860b 데모
짙은 회색 # a9a9a9 데모
짙은 녹색 # 006400 데모
다크 카키 # bdb76b 데모
진한 자홍색 # 8b008b 데모
진한 녹색 # 556b2f 데모
어두운 주황색 # ff8c00 데모
다크 오키드 # 9932cc 데모
진한 빨강 # 8b0000 데모
진한 연어 # e9967a 데모
진한 녹색 # 8fbc8f 데모
다크 슬레이트 # 483d8b 데모
다크 슬레이트 # 2f4f4f 데모
어두운 청록색 # 00ced1 데모
진한 보라색 # 9400d3 데모
딥 핑크 # ff1493 데모
깊은 하늘 # 00bfff 데모
희미한 # 696969 데모
다저 블루 # 1e90ff 데모
내화 벽돌 # b22222 데모
꽃 무늬의 # fffaf0 데모
# 228b22 데모
Gainsboro #dcdcdc 데모
유령 흰색 # f8f8ff 데모
# ffd700 데모
갈 조색 # daa520 데모
회색 # 808080 데모
녹색 노란색 # adff2f 데모
단물 # f0fff0 데모
핫 핑크 # ff69b4 데모
인디언 # cd5c5c 데모
남빛 # 4b0082 데모
상아 # fffff0 데모
카키색 옷감 # f0e68c 데모
라벤더 # e6e6fa 데모
라벤더 # fff0f5 데모
잔디밭 # 7cfc00 데모
레몬 시폰 #fffacd 데모
하늘색 # add8e6 데모
가벼운 산호 # f08080 데모
연한 청록색 # e0ffff 데모
밝은 황금빛 # fafad2 데모
연한 초록색 # 90ee90 데모
밝은 회색 # d3d3d3 데모
연분홍 # ffb6c1 데모
등불 # ffa07a 데모
빛 바다 # 20b2aa 데모
밝은 하늘색 # 87cefa 데모
라이트 그레이 # 778899 데모
라이트 스틸 블루 # b0c4de 데모
연노랑 # ffffe0 데모
라임 그린 # 32cd32 데모
리넨 # faf0e6 데모
마젠타 # ff00ff 데모
미디엄 블루 # 0000cd 데모
중간 난초 # ba55d3 데모
중간 보라색 # 9370db 데모
자정 블루 # 191970 데모
미스티 로즈 # ffe4e1 데모
모카신 # ffe4b5 데모
올드 레이스 # fdf5e6 데모
주황색 # ffa500 데모
난초 # da70d6 데모
복숭아 # ffdab9 데모
페루 # cd853f 데모
분홍 # ffc0cb 데모
자두 # dda0dd 데모
보라색 # 800080 데모
장미 빛 갈색 # bc8f8f 데모
로얄 블루 # 4169e1 데모
연어 # fa8072 데모
샌디 브라운 # f4a460 데모
해록 # 2e8b57 데모
시에나 # a0522d 데모
하늘색 # 87ceeb 데모
슬레이트 # 6a5acd 데모
스틸 블루 # 4682b4 데모
탠 껍질 # d2b48c 데모
엉겅퀴 훈장 # d8bfd8 데모
토마토 # ff6347 데모
제비꽃 # ee82ee 데모
# f5deb3 데모
흰 연기 # f5f5f5 데모
노랑 # ffff00 데모
연두색 # 9acd32 데모

HTML 엔티티

일부 문자는 HTML로 예약되어 있으며 HTML 문서에서 사용할 때 특별한 의미를 갖습니다. 예를 들어, 브라우저는 HTML 텍스트에서보다 큼 및보다 작음 기호 또는 꺾쇠 괄호를 사용할 수 없습니다. 브라우저가이를 다르게 처리하고 HTML 태그와 관련된 의미를 그리려고 할 것입니다.

HTML 프로세서는 다음 표에 나열된 다음 5 개의 특수 문자를 지원해야합니다.

상징 기술 엔티티 이름 번호 코드
" 인용 부호 & quot; & # 34;
' 아포스트로피  & apos; & # 39;
& 앰퍼샌드 & amp; & # 38;
< 보다 작음 & lt; & # 60;
> 보다 큰 & gt; & # 62;

<div id = "character">를 코드로 작성하려면 다음과 같이 작성해야합니다.

<!DOCTYPE html>
<html>

   <head>
      <title>HTML Entities</title>
   </head>

   <body>
      &lt;div id = &quot;character&quot;&gt;
   </body>

</html>

이것은 다음 결과를 생성합니다-

HTML 4.0에는 긴 특수 문자 목록도 있습니다. 이러한 항목이 문서에 나타나려면 숫자 코드 또는 엔티티 이름을 사용할 수 있습니다. 예를 들어, 저작권 기호를 삽입하려면 다음 중 하나를 사용할 수 있습니다.

&copy; 2007
or
&#169; 2007

ISO 8859-1 기호 엔티티

결과 기술 엔티티 이름 번호 코드
  깨지지 않는 공간 & nbsp; & # 160;
¡ 거꾸로 된 느낌표 & iexcl; & # 161;
¤ 통화 & curren; & # 164;
¢ 센트 &센트; & # 162;
£ 파운드 &파운드; & # 163;
¥ &엔; & # 165;
¦ 깨진 수직 막대 & brvbar; & # 166;
§ 부분 &분파; & # 167;
¨ 간격 분음 기호 & uml; & # 168;
© 저작권 &부; & # 169;
ª 여성 서수 지표 & ordf; & # 170;
« 꺾쇠 따옴표 (왼쪽) & laquo; & # 171;
¬ 부정 &아니; & # 172;
­ 부드러운 하이픈 &수줍은; & # 173;
® 등록 상표 & reg; & # 174;
등록 상표 &무역; & # 8482;
¯ 간격 매크로 론 & macr; & # 175;
° 정도 & deg; & # 176;
± 플러스 또는 마이너스  & plusmn; & # 177;
² 위첨자 2 & sup2; & # 178;
³ 위첨자 3 & sup3; & # 179;
´ 간격 예각 &심각한; & # 180;
µ 마이크로 & micro; & # 181;
& para; & # 182;
· 중간 점 & middot; & # 183;
¸ 간격 세 딜라 & cedil; & # 184;
¹ 위첨자 1 & sup1; & # 185;
º 남성 서수 표시기 & ordm; & # 186;
» 꺾쇠 따옴표 (오른쪽) & raquo; & # 187;
¼ 분수 1/4 & frac14; & # 188;
½ 분수 1/2 & frac12; & # 189;
¾ 분수 3/4 & frac34; & # 190;
¿ 거꾸로 된 물음표 & iquest; & # 191;
× 곱셈 &타임스; & # 215;
÷ 분할 &나누기; & # 247;

ISO 8859-1 문자 엔티티

결과 기술 엔티티 이름 번호 코드
자본 A, 억음 악센트 &무덤; & # 192;
대문자 A, 악센트 & Aacute; & # 193;
자본 A, 곡절 악센트 & Acirc; & # 194;
자본 A, 물결표 & Atilde; & # 195;
자본 A, 움라우트 마크 & Auml; & # 196;
자본 A, 반지 &링; & # 197;
Æ 자본 ae & AElig; & # 198;
자본 c, 세 딜라 & Ccedil; & # 199;
이자형 대문자 e, 억음 악센트 & Egrave; & # 200;
이자형 대문자 e, 악센트 & Eacute; & # 201;
이자형 자본 e, 곡절 악센트 & Ecirc; & # 202;
이자형 자본 e, 움라우트 마크 & Euml; & # 203;
나는 자본 I, 억음 악센트 & Igrave; & # 204;
나는 자본 I, 악센트 & Iacute; & # 205;
나는 자본 I, 곡절 악센트 & Icirc; & # 206;
나는 자본 I, 움라우트 마크 & Iuml; & # 207;
수도 eth, 아이슬란드 어 & ETH; & # 208;
자본 n, 물결표 & Ntilde; & # 209;
영형 대문자 o, 억음 악센트 & Ograve; & # 210;
영형 대문자 o, 악센트 & Oacute; & # 211;
영형 대문자 o, 곡절 악센트 & Ocirc; & # 212;
영형 자본 o, 물결표 & Otilde; & # 213;
영형 자본 o, 움라우트 마크 & Ouml; & # 214;
영형 대문자 o, 슬래시 & Oslash; & # 216;
자본 U, 억음 악센트 & Ugrave; & # 217;
자본 U, 악센트 & Uacute; & # 218;
자본 U, 곡절 악센트 & Ucirc; & # 219;
자본 U, 움라우트 마크 & Uuml; & # 220;
와이 대문자 y, 악센트 & Yacute; & # 221;
Þ 수도 THORN, 아이슬란드 어 &가시; & # 222;
ß 작은 날카로운 s, 독일어 & szlig; & # 223;
작은 a, 억음 악센트 &무덤; & # 224;
작고 예리한 악센트 & aacute; & # 225;
작은 a, 곡절 악센트 & acirc; & # 226;
작은 물결표 & atilde; & # 227;
작은 a, 움라우트 표시 & auml; & # 228;
작은 a, 반지 &링; & # 229;
æ 작은 ae & aelig; & # 230;
작은 c, 세 딜라 & ccedil; & # 231;
이자형 작은 e, 억음 악센트 & egrave; & # 232;
이자형 작은 전자, 악센트 & eacute; & # 233;
이자형 작은 전자, 곡절 악센트 & ecirc; & # 234;
이자형 작은 e, 움라우트 표시 & euml; & # 235;
나는 작은 i, 억음 악센트 & igrave; & # 236;
나는 작은 i, 악센트 & iacute; & # 237;
나는 작은 i, 곡절 악센트 & icirc; & # 238;
나는 작은 i, 움라우트 마크 & iuml; & # 239;
small eth, 아이슬란드 어 & eth; & # 240;
작은 n, 물결표 & n 틸드; & # 241;
영형 작은 오, 억음 악센트 & ograve; & # 242;
영형 작은 o, 악센트 & oacute; & # 243;
영형 작은 o, 곡절 악센트 & ocirc; & # 244;
영형 작은 o, 물결표 & otilde; & # 245;
영형 작은 o, 움라우트 표시 & ouml; & # 246;
영형 작은 o, 슬래시 & oslash; & # 248;
작은 u, 억음 악센트 & ugrave; & # 249;
작은 u, 악센트 & uacute; & # 250;
작은 u, 곡절 악센트 & ucirc; & # 251;
작은 u, 움라우트 표시 & uuml; & # 252;
와이 작은 y, 악센트 & yacute; & # 253;
þ 작은 가시, 아이슬란드 어 &가시; & # 254;
와이 작은 y, 움라우트 표시 & yuml; & # 255;

HTML 브라우저에서 지원하는 기타 엔티티

결과 기술 엔티티 이름 번호 코드
Œ 자본 합자 OE & OElig; & # 338;
œ 작은 합자 oe & oelig; & # 339;
에스 캐론과 자본 S & Scaron; & # 352;
에스 작은 S와 캐론 & scaron; & # 353;
와이 대문자 Y와 diaeres & Yuml; & # 376;
ˆ 수정 자 문자 곡절 악센트 & circ; & # 710;
~ 작은 물결표 &틸데; & # 732;
엔 스페이스 & ensp; & # 8194;
em 공간 & emsp; & # 8195;
얇은 공간 & thinsp; & # 8201;
제로 너비 비 결합 자 & zwnj; & # 8204;
제로 너비 결합 자 & zwj; & # 8205;
왼쪽에서 오른쪽으로 표시 & lrm; & # 8206;
오른쪽에서 왼쪽으로 표시 & rlm; & # 8207;
엔 대시 & ndash; & # 8211;
엠 대시 & mdash; & # 8212;
' 왼쪽 작은 따옴표 & lsquo; & # 8216;
' 오른쪽 작은 따옴표 & rsquo; & # 8217;
낮은 9 개의 작은 따옴표 & sbquo; & # 8218;
왼쪽 큰 따옴표 & ldquo; & # 8220;
오른쪽 큰 따옴표 & rdquo; & # 8221;
큰 따옴표 9 개 & bdquo; & # 8222;
단검 &단검; & # 8224;
이중 단검 &단검; & # 8225;
수평 줄임표 & hellip; & # 8230;
밀당  & permil; & # 8240;
왼쪽을 가리키는 작은 따옴표 & lsaquo; & # 8249;
오른쪽을 가리키는 작은 따옴표 & rsaquo; & # 8250;
유로 &유로; & # 8364;