HTML 색상
HTML 색상은 빨간색, 녹색, 파란색이 혼합된 색상입니다.
색상 값
HTML 색상은 빨간색, 녹색, 파란색 값(RGB)으로 구성된 16진수 표기법으로 정의됩니다.
색상의 최소값은 0(16진수: #00)입니다. 최대값은 255(16진수: #FF)입니다.
이 표는 세 가지 색상을 혼합했을 때의 구체적인 효과를 나타냅니다.
예
<!DOCTYPE html> <html> <head> <meta charset="utf-8"> <title>php中文网(php.cn)</title> </head> <body> <p style="background-color:#FFFF00"> 通过十六进制设置背景颜色 </p> <p style="background-color:rgb(255,255,0)"> 通过 rbg 值设置背景颜色 </p> <p style="background-color:yellow"> 通过颜色名设置背景颜色 </p> </body> </html>
실행 예 »
온라인 인스턴스를 보려면 "인스턴스 실행" 버튼을 클릭하세요
1,600만 가지 색상
빨간색, 녹색, 파란색의 세 가지 색상 조합으로 0부터 255까지 총 1,600만 가지 색상(256 x 256 x 256)입니다.
아래 색상표에서는 빨간색이 0에서 255까지 다른 결과를 볼 수 있으며, 녹색 및 파란색 값을 0으로 설정하면 빨간색 값이 변경됨에 따라 다른 값이 표시됩니다. 다양한 색상을 표시했습니다.
Red Light | Color HEX | Color RGB |
---|---|---|
#000000 | rgb(0,0,0) | |
#080000 | rgb(8,0,0) | |
#100000 | rgb(16,0,0) | |
#180000 | rgb(24,0,0) | |
#200000 | rgb(32,0,0) | |
#280000 | rgb(40,0,0) | |
#300000 | rgb(48,0,0) | |
#380000 | rgb(56,0,0) | |
#400000 | rgb(64,0,0) | |
#480000 | rgb(72,0,0) | |
#500000 | rgb(80,0,0) | |
#580000 | rgb(88,0,0) | |
#600000 | rgb(96,0,0) | |
#680000 | rgb(104,0,0) | |
#700000 | rgb(112,0,0) | |
#780000 | rgb(120,0,0) | |
#800000 | rgb(128,0,0) | |
#880000 | rgb(136,0,0) | |
#900000 | rgb(144,0,0) | |
#980000 | rgb(152,0,0) | |
#A00000 | rgb(160,0,0) | |
#A80000 | rgb(168,0,0) | |
#B00000 | rgb(176,0,0) | |
#B80000 | rgb(184,0,0) | |
#C00000 | rgb(192,0,0) | |
#C80000 | rgb(200,0,0) | |
#D00000 | rgb(208,0,0) | |
#D80000 | rgb(216,0,0) | |
#E00000 | rgb(224,0,0) | |
#E80000 | rgb(232,0,0) | |
#F00000 | rgb(240,0,0) | |
#F80000 | rgb(248,0,0) | |
#FF0000 | rgb(255,0,0) |
회색 톤
다음은 회색에서 검정색으로의 그라데이션을 보여줍니다
회색 음영 | HEX 색상 | RGB 색상 |
---|---|---|
#000000 | rgb(0,0,0) | |
#080808 | rgb(8,8,8) | |
#101010 | rgb(16,16,16) | |
#181818 | rgb(24,24,24) | |
#202020 | rgb(32,32,32) | |
#282828 | rgb(40,40,40) | |
#303030 | rgb(48,48,48) | |
#383838 | rgb(56,56, 56) | |
#404040 | rgb(64,64,64) | |
#484848 | rgb(72,72,72) | |
#505050 | rgb(80, 80,80) | |
#585858 | rgb(88,88,88) | |
#606060 | rgb(96,96,96) | |
#686868 | rgb( 104,104,104) | |
#707070 | rgb(112,112,112) | |
#787878 | rgb(120,120,120) | |
#808080 | rgb(128,128,128) | |
#888888 | rgb(136,136,136) | |
#909090 | rgb( 144,144,144) | |
#989898 | rgb(152,152,152) | |
#A0A0A0 | rgb(160,160,160) | |
#A8A8A8 | rgb(168,168,168) | |
#B0B0B0 | rgb(176,176,176) | |
#B8B8B8 | rgb(184,184,184) | |
#C0C0C0 | rgb(192,192,192) | |
#C8C8C8 | rgb(200,200,200) | |
#D0D0D0 | rgb(208,208,208) | |
#D8D8D8 | rgb(216,216,216) | |
#E0E0E0 | rgb(224,224,224) | |
#E8E8E8 | rgb(232,232,232) | |
#F0F0F0 | rgb(240,240,240) | |
#F8F8F8 | rgb(248,248,248) | |
#FFFFFF | rgb(255,255,255) |
웹에 적합한 색상?
몇 년 전 대부분의 컴퓨터가 256색만 지원했을 때 216개의 웹 안전 색상 세트가 웹 표준으로 제안되었습니다. 그 이유는 Microsoft와 Mac 운영 체제가 40개의 서로 다른 예약된 고정 시스템 색상(각각 약 20개)을 사용하기 때문입니다.
현재 점점 더 많은 컴퓨터가 수백만 가지 색상을 처리할 수 있기 때문에 이것이 얼마나 의미가 있는지는 잘 모르겠지만 선택은 귀하의 몫입니다.
원래 256색 팔레트를 사용할 때 모든 컴퓨터가 모든 색상을 올바르게 표시할 수 있도록 하기 위해 216개의 크로스 플랫폼 웹 안전 색상이 사용되었습니다.
000000 | 000033 | 000066 | 000099 | 0000CC | 0000FF |
003300 | 003333 | 003366 | 003399 | 0033CC | 0033FF |
006600 | 006633 | 006666 | 006699 | 0066CC | 0066FF |
009900 | 009933 | 009966 | 009999 | 0099CC | 0099FF |
00CC00 | 00CC33 | 00CC66 | 00CC99 | 00CCCC | 00CCFF |
00FF00 | 00FF33 | 00FF66 | 00FF99 | 00FFCC | 00FFFF |
330000 | 330033 | 330066 | 330099 | 3300CC | 3300FF |
333300 | 333333 | 333366 | 333399 | 3333CC | 3333FF |
336633 | 336666 | 336699 | 3366CC | 3366FF | |
339933 | 339966 | 339999 | 3399CC | 3399FF | |
33CC33 | 33CC66 | 33CC99 | 33CCCC | 33CCFF | |
33FF33 | 33FF66 | 33FF99 | 33FFCC | 33FFFF | |
660033 | 660066 | 660099 | 6600CC | 6600FF | |
663333 | 663366 | 663399 | 6633CC | 6633FF | |
666600 | 666633 | 666666 | 666699 | 6666CC | 6666FF |
669900 | 669933 | 669966 | 669999 | 6699CC | 6699FF |
66CC00 | 66CC33 | 66CC66 | 66CC99 | 66CCCC | 66CCFF |
66FF00 | 66FF33 | 66FF66 | 66FF99 | 66FFCC | 66FFFF |
990000 | 990033 | 990066 | 990099 | 9900CC | 9900FF |
993300 | 993333 | 993366 | 993399 | 9933CC | 9933FF |
996600 | 996633 | 996666 | 996699 | 9966CC | 9966FF |
999900 | 999 933 | 999966 | 999999 | 9999CC | 9999FF |
99CC00 | 99CC33 | 99CC66 | 99CC99 | 99CCCC | 99CCFF |
99FF00 | 99FF33 | 99FF66 | 99FF99 | 99FFCC | 99FFFF |
CC0000 | CC0033 | CC0066 | CC0099 | CC00CC | CC00FF |
CC3300 | CC3333 | CC3366 | CC3399 | CC33CC | CC33FF |
CC6600 | CC6633 | CC6666 | CC6699 | CC66CC | CC66FF |
CC9900 | CC9933 | CC9966 | CC9999 | CC99CC | CC99FF |
CCCC00 | CCCC33 | CCCC66 | CCCC99 | CCCCCC | CCCCFF |
CCFF00 | CCFF33 | CCFF66 | CCFF99 | CCFFCC | CCFFFF |
FF0000 | FF0033 | FF0066 | FF0099 | FF00CC | FF00FF |
ff3333 <🎜 🎜> | ff3366 <🎜ff3399 <🎜 🎜> | ff33cc | <🎜 🎜> ff33ff <🎜 <🎜FF6633 | FF6666 | FF6699 |
FF66FF | FF9900 | FF9933 | FF9966 | FF9999 | |
FF99FF | FFCC00 | FFCC33 | FFCC66 | FFCC99 | |
FFCCFF | FFFF00 | FFFF33 | FFFF66 | FFFF99 | |
FFFFFF |