HTML 색상
색상은 빨간색, 녹색, 파란색이 혼합된 색상입니다.
색상 값
색상은 빨간색, 녹색, 파란색 값(RGB)으로 구성된 16진수 표기법으로 정의됩니다.
각 색상의 최소값은 0(16진수: #00)입니다. 최대값은 255(16진수: #FF)입니다.
가장 일반적으로 사용되는 일부 색상(예: 흰색, 검정색, 빨간색, 파란색, 녹색, 노란색 등)의 경우 영어 이름을 사용할 수도 있습니다.
이 표는 three 두 가지 색상을 혼합했을 때의 구체적인 효과:
| <🎜>색상 HEX<🎜><🎜> | <🎜>색상 RGB(색상 RGB)<🎜><🎜> | |||||||||||||||
| <🎜>< /td> | #000000 | rgb(0,0,0)< /td> | <🎜> | #FF0000 | rgb(255,0,0) | ||||||||||||
| <🎜> | < td style="border-width: 1px; border-style: solid; word-break: break-all;" width="193" valign="top"> #00FF00rgb(0,255,0) | ||||||||||||||||
| <🎜>< /td> | #0000FF | rgb(0,0,255) |
| #FFFF00 | rgb(255,255,0) | |
| #00FFFF | rgb(0,255,255) | |
| #FF00FF | rgb(255,0,255) | |
| #C0C0C0 | rgb(192,192,192) | |
| #FFFFFF | rgb(255,255,255) |
인스턴스
<!DOCTYPE html> <html> <head> <meta charset="utf-8"> <title>php中文网(php.cn)</title> </head> <body> <p style="background-color:#403bff"> 通过十六进制设置背景颜色 </p> <p style="background-color:rgb(255,255,0)"> 通过 rbg 值设置背景颜色 </p> <p style="background-color:red"> 通过颜色名设置背景颜色 </p> </body> </html>
프로그램 실행 결과:
1600만 가지 색상
빨간색, 녹색, 파란색 세 가지 색상의 조합은 0~255까지 총 1600만 가지 색상(256 x 256) x 256).
아래 색상표에서는 0에서 255 빨간색(부분)까지 다양한 결과를 볼 수 있으며, 녹색 및 파란색 값을 0으로 설정하면 빨간색 값이 변경됨에 따라 다른 값이 다양한 색상으로 표시됩니다.
| Red Light | Color HEX | Color RGB |
| #000000 | rgb(0,0,0) | |
| #100000 | rgb(16,0,0) | |
| #200000 | rgb(32,0,0) | |
| #300000 | rgb(48,0,0) |
| #400000 | rgb(64,0,0) | |
| #500000 | rgb(80,0,0) | |
| #600000 | rgb(96,0,0) | |
| #700000 | rgb(112,0,0) | |
| #800000 | rgb(128,0,0) |
| #900000 | rgb(144,0,0) | |
| #A00000 | rgb(160,0,0) | |
| #B00000 | rgb(176,0,0) | |
| #C00000 | rgb(192,0,0) | |
| #D80000 | rgb(216,0,0) |
| #E80000 | rgb(232,0,0) | |
| #F00000 | rgb(240,0,0) | |
| #F80000 | rgb(248,0,0) | |
| #FF0000 | rgb(255,0,0) |
회색톤
다음은 회색에서 검정색으로의 그라데이션(일부)
| Gray Shades | Color HEX | Color RGB |
| #000000 | rgb(0,0,0) | |
| #080808 | rgb(8,8,8) | |
| #181818 | rgb(24,24,24) | |
| #202020 | rgb(32,32,32) |
| #303030 | rgb(48,48,48) | |
| #404040 | rgb(64,64,64) | |
| #484848 | rgb(72,72,72) | |
| #585858 | rgb(88,88,88) | |
| #686868 | rgb(104,104,104) |
| #787878 | rgb(120,120,120) | |
| #808080 | rgb(128,128,128) | |
| #909090 | rgb(144,144,144) | |
| #A0A0A0 | rgb(160,160,160) | |
| #B0B0B0 | rgb(176,176,176) |
| #C8C8C8 | rgb(200,200,200) | |
| #D8D8D8 | rgb(216,216,216) | |
| #F0F0F0 | rgb(240,240,240) | |
| #F8F8F8 | rgb(248,248,248) | |
| #FFFFFF | rgb(255,255,255) |
웹 안전 색상?
몇 년 전만 해도 대부분의 컴퓨터가 256색만 지원했을 때 일련의 216 웹 안전 색상 색상은 웹 표준으로 권장됩니다. 그 이유는 Microsoft와 Mac 운영 체제가 40개의 서로 다른 예약된 고정 시스템 색상(각각 약 20개)을 사용하기 때문입니다.
현재 점점 더 많은 컴퓨터가 수백만 가지 색상을 처리할 수 있기 때문에 이것이 얼마나 의미가 있는지는 잘 모르겠지만 선택은 귀하의 몫입니다.
원래 256색 팔레트를 사용할 때 모든 컴퓨터가 모든 색상을 올바르게 표시할 수 있도록 하기 위해 216개의 크로스 플랫폼 웹 안전 색상이 사용되었습니다.
HTML 색상 이름 및 색상 값
색상 기준 빨간색(R), 녹색(G), 파란색(B)으로 구성됩니다.
HTML 및 CSS 색상 사양에는 141개의 색상 이름이 정의되어 있습니다(17개의 표준 색상에 124개 추가).
색상 값은 빨간색, 녹색, 파란색(RGB)으로 16진수 표기법으로 표현됩니다.
각 색상의 가장 낮은 값은 0(16진수 00)이고 가장 높은 값은 255(16진수 FF)입니다.
16진수 값은 # 뒤에 3~6개의 16진수 문자가 오는 형식으로 작성됩니다.
3자리 표현은 #RGB이고, 6자리 표현으로 변환하면 #RRGGBB입니다.
팁: 17가지 표준 색상: 검정색, 파란색, 물색, 자홍색, 회색, 녹색, 라임, 적갈색, 네이비, 올리브, 주황색, 보라색, 빨간색, 흰색, 은색, 파란색- 녹색, 노란색.
다음 표에는 16진수 값을 포함한 일부 색상의 값이 나열되어 있습니다.
| 颜色名 | 十六进制颜色值 | 颜色 |
| Black | #000000 | |
| Navy | #000080 | |
| DarkBlue | #00008B | |
| MediumBlue | #0000CD |
| Blue | #0000FF | |
| DarkGreen | #006400 | |
| Green | #008000 | |
| Teal | #008080 | |
| DarkCyan | #008B8B |
| DeepSkyBlue | #00BFFF | |
| DarkTurquoise | #00CED1 | |
| MediumSpringGreen | #00FA9A | |
| Lime | #00FF00 | |
| SpringGreen | #00FF7F |
| Aqua | #00FFFF | |
| Cyan | #00FFFF | |
| MidnightBlue | #191970 | |
| DodgerBlue | #1E90FF | |
| LightSeaGreen | #20B2AA |
| ForestGreen | #228B22 | |
| SeaGreen | #2E8B57 | |
| DarkSlateGray | #2F4F4F | |
| LimeGreen | #32CD32 | |
| MediumSeaGreen | #3CB371 |
| Turquoise | #40E0D0 | |
| RoyalBlue | #4169E1 | |
| SteelBlue | #4682B4 | |
| DarkSlateBlue | #483D8B | |
| MediumTurquoise | #48D1CC |
| Indigo | #4B0082 | |
| DarkOliveGreen | #556B2F | |
| CadetBlue | #5F9EA0 | |
| CornflowerBlue | #6495ED | |
| MediumAquaMarine | #66CDAA |
| DimGray | #696969 | |
| SlateBlue | #6A5ACD | |
| OliveDrab | #6B8E23 | |
| SlateGray | #708090 | |
| LightSlateGray | #778899 |
| MediumSlateBlue | #7B68EE | |
| LawnGreen | #7CFC00 | |
| Chartreuse | #7FFF00 | |
| Aquamarine | #7FFFD4 | |
| Maroon | #800000 |
