(새 문서: 분류:색 == 개용 == '''웹 안전 색상'''은 HTML 웹 상의 색상을 모니터로 표현할수 없었던 예전에 고안해낸 색상표이다.<br> HTML 4.01 표준에...) |
편집 요약 없음 |
||
(같은 사용자의 중간 판 4개는 보이지 않습니다) | |||
1번째 줄: | 1번째 줄: | ||
== | == 개요 == | ||
'''웹 안전 색상'''은 HTML 웹 상의 색상을 모니터로 | '''웹 안전 색상'''은 HTML 웹 상의 색상을 모니터로 표현할 수 없었던 시대에 고안해 낸 색상표이다.<br> | ||
HTML 4.01 표준에서는 16가지 색상명을 정의 하고 있다.<br> | ==HTML 16가지색상== | ||
지원이 되지 않는 모니터에서 웹 색상코드 값은 깨진 색상으로 표현이 되어 이미지가 자연스럽지 않게 나타나는 것을 방지하고자 하였으며, HTML 4.01 표준에서는 16가지 색상명을 정의 하고 있다.<br> | |||
{| class="wikitable" | {| class="wikitable" | ||
77번째 줄: | 77번째 줄: | ||
|} | |} | ||
헥스코드로 표현하면 #RRGGBB ( | |||
==나머지 색상== | |||
헥스코드로 표현하면 #RRGGBB (RR는 빨강 0~ff<ref>16진수로 나타내면 0 ~ 255이다.</ref>, GG는 초록 0~ff, BB는 파란 0~ff)로 나타낼 수 있다. 그러니깐 빨강 R, 초록 G, 파랑 B 각각의 경우의 수는 (0~255, 0~255, 0~255)이므로, 표현 가능한 모든 경우의 수는 16,777,216 가지이다. <br> | |||
호환성을 위해서 최대값 255를 5를 나누어서 51가지로 줄였다. 이것은 각각 6, 51, 102, 153, 204, 255의 6개(16진수로 00, 33, 66, 99, CC, FF)로 그래도 216가지의 색으로 표현된다.<br> | 호환성을 위해서 최대값 255를 5를 나누어서 51가지로 줄였다. 이것은 각각 6, 51, 102, 153, 204, 255의 6개(16진수로 00, 33, 66, 99, CC, FF)로 그래도 216가지의 색으로 표현된다.<br> | ||
참고로 # | 참고로 #3366CC, #FF8844 같이 동일한 수치는 #36C, #F84 와 같이 3자리 수로 표현이 가능하다.<br> | ||
<div align="left"> | <div align="left"> | ||
{| width=70% class="wikitable" style="color:white; | {| width=70% class="wikitable" style="color:white;width:80% " | ||
| style="background: #000;" | 000 | | style="background: #000;" | 000 | ||
| style="background: #300;" | 300 | | style="background: #300;" | 300 | ||
337번째 줄: | 339번째 줄: | ||
| style="background: #FFF;" | FFF | | style="background: #FFF;" | FFF | ||
|}</div> | |}</div> | ||
==참고하기== | |||
* [[웹 안전 색상]] | |||
표 적성시 도움이되는 싸이트 | |||
* 더 많은 CSS 색상명과 헥스코드로 된 색상값은 다음 문서를 참조바랍니다.<br> | |||
:- [https://www.w3schools.com/colors/colors_hex.asp 색상명과 색상값- 헥사코드순 정렬] | |||
:- [https://www.w3schools.com/colors/colors_names.asp 색상명과 색상값-이름순 정렬] | |||
* 색상 추출 프로그램 | |||
:- [https://www.google.com/search?q=color+picker 구글 컬러픽커] | |||
* [http://www.hipenpal.com/tool/html-color-charts-rgb-color-table-in-korean.php 색상 추출기 및 색상표 제공] | |||
* [https://www.google.com/search?q=color+picker#scso=_tCEoX6HOIIOmoASPrqaQDQ7:103.40740966796875 구글 컬러픽커 ] | |||
==각주== | |||
<references/> | |||
[[분류:색상 ]][[분류:웹]] |
2022년 10월 3일 (월) 20:10 기준 최신판
개요
웹 안전 색상은 HTML 웹 상의 색상을 모니터로 표현할 수 없었던 시대에 고안해 낸 색상표이다.
HTML 16가지색상
지원이 되지 않는 모니터에서 웹 색상코드 값은 깨진 색상으로 표현이 되어 이미지가 자연스럽지 않게 나타나는 것을 방지하고자 하였으며, HTML 4.01 표준에서는 16가지 색상명을 정의 하고 있다.
색상명 | 색깔 | 헥스코드 |
---|---|---|
black | 검정 | #000000 |
silver | 은색 | #c0c0c0 |
maroon | 밤색 | #800000 |
red | 빨강 | #ff0000 |
navy | 남색 | #000080 |
blue | 파랑 | #0000ff |
purple | 보라 | #800080 |
fuchsia | 밝은자주 | #ff00ff |
green | 초록 | #008000 |
lime | 라임 | #00ff00 |
olive | 올리브 | #808000 |
yellow | 노랑 | #ffff00 |
teal | 틸 | #008080 |
aqua | 물색 | #00ffff |
gray | 회색 | #808080 |
white | 흰색 | #ffffff |
나머지 색상
헥스코드로 표현하면 #RRGGBB (RR는 빨강 0~ff[1], GG는 초록 0~ff, BB는 파란 0~ff)로 나타낼 수 있다. 그러니깐 빨강 R, 초록 G, 파랑 B 각각의 경우의 수는 (0~255, 0~255, 0~255)이므로, 표현 가능한 모든 경우의 수는 16,777,216 가지이다.
호환성을 위해서 최대값 255를 5를 나누어서 51가지로 줄였다. 이것은 각각 6, 51, 102, 153, 204, 255의 6개(16진수로 00, 33, 66, 99, CC, FF)로 그래도 216가지의 색으로 표현된다.
참고로 #3366CC, #FF8844 같이 동일한 수치는 #36C, #F84 와 같이 3자리 수로 표현이 가능하다.
000 | 300 | 600 | 900 | C00 | F00 |
003 | 303 | 603 | 903 | C03 | F03 |
006 | 306 | 606 | 906 | C06 | F06 |
009 | 309 | 609 | 909 | C09 | F09 |
00C | 30C | 60C | 90C | C0C | F0C |
00F | 30F | 60F | 90F | C0F | F0F |
030 | 330 | 630 | 930 | C30 | F30 |
033 | 333 | 633 | 933 | C33 | F33 |
036 | 336 | 636 | 936 | C36 | F36 |
039 | 339 | 639 | 939 | C39 | F39 |
03C | 33C | 63C | 93C | C3C | F3C |
03F | 33F | 63F | 93F | C3F | F3F |
060 | 360 | 660 | 960 | C60 | F60 |
063 | 363 | 663 | 963 | C63 | F63 |
066 | 366 | 666 | 966 | C66 | F66 |
069 | 369 | 669 | 969 | C69 | F69 |
06C | 36C | 66C | 96C | C6C | F6C |
06F | 36F | 66F | 96F | C6F | F6F |
090 | 390 | 690 | 990 | C90 | F90 |
093 | 393 | 693 | 993 | C93 | F93 |
096 | 396 | 696 | 996 | C96 | F96 |
099 | 399 | 699 | 999 | C99 | F99 |
09C | 39C | 69C | 99C | C9C | F9C |
09F | 39F | 69F | 99F | C9F | F9F |
0C0 | 3C0 | 6C0 | 9C0 | CC0 | FC0 |
0C3 | 3C3 | 6C3 | 9C3 | CC3 | FC3 |
0C6 | 3C6 | 6C6 | 9C6 | CC6 | FC6 |
0C9 | 3C9 | 6C9 | 9C9 | CC9 | FC9 |
0CC | 3CC | 6CC | 9CC | CCC | FCC |
0CF | 3CF | 6CF | 9CF | CCF | FCF |
0F0 | 3F0 | 6F0 | 9F0 | CF0 | FF0 |
0F3 | 3F3 | 6F3 | 9F3 | CF3 | FF3 |
0F6 | 3F6 | 6F6 | 9F6 | CF6 | FF6 |
0F9 | 3F9 | 6F9 | 9F9 | CF9 | FF9 |
0FC | 3FC | 6FC | 9FC | CFC | FFC |
0FF | 3FF | 6FF | 9FF | CFF | FFF |
참고하기
표 적성시 도움이되는 싸이트
- 더 많은 CSS 색상명과 헥스코드로 된 색상값은 다음 문서를 참조바랍니다.
- 색상 추출 프로그램
- - 구글 컬러픽커
각주
- ↑ 16진수로 나타내면 0 ~ 255이다.