마인크래프트 코드 그림 물감또는 마인크래프트 코드서식을 지정하면 모든 플레이어가 Minecraft에서 가능한 모든 방법으로 꽃을 추가하고 텍스트 서식을 지정할 수 있습니다. 색상 코드 &0-9에서 &a-f까지. 텍스트 앞에 추가하십시오. 플레이어의 메시지에는 문장에 색상을 추가할 수 있는 색상 코드가 포함될 수 있습니다.
색상 및 서식 코드
메시지에서 앰퍼샌드(&) 뒤에 오는 16진수는 텍스트를 표시할 때 색상을 전환하도록 클라이언트에 신호를 보냅니다. 또는 문자 뒤에 & 문자를 사용하여 텍스트 서식을 지정할 수 있습니다. 책, 명령 블록, 서버 이름, 서버 설명(motd), 세계 이름, 표지판, 심지어 플레이어 이름에 다른 색상을 추가할 수 있습니다.
아래의 색상 차트를 사용하여 설정이나 게임에서 텍스트의 서식을 지정하는 것은 매우 쉽습니다. &r은 모든 코드를 지우는 데 사용됩니다. &mAAA&rBBB는 AAA BBB로 표시됩니다.
귀하의 편의를 위해 Minecraft의 기존 색상 코드 표를 제공합니다.
| 코드 | 이름 | 기술명 | 심볼 색상 | 심볼 섀도우 색상 | ||||||
|---|---|---|---|---|---|---|---|---|---|---|
| 아르 자형 | G | 비 | 마녀 | 아르 자형 | G | 비 | 마녀 | |||
| &0 | 검은색 | 검은색 | 0 | 0 | 0 | 000000 | 0 | 0 | 0 | 000000 |
| &1 | 다크 블루 | 다크 블루 | 0 | 0 | 170 | 0000AA | 0 | 0 | 42 | 00002A |
| &2 | 짙은 녹색 | 짙은 녹색 | 0 | 170 | 0 | 00AA00 | 0 | 42 | 0 | 002A00 |
| &3 | 짙은 청록색 | 다크_아쿠아 | 0 | 170 | 170 | 00AAAA | 0 | 42 | 42 | 002A2A |
| &4 | 다크 레드 | 다크 레드 | 170 | 0 | 0 | AA0000 | 42 | 0 | 0 | 2A0000 |
| &5 | 다크 바이올렛 | 어두운 보라색 | 170 | 0 | 170 | AA00AA | 42 | 0 | 42 | 2A002A |
| &6 | 금 | 금 | 255 | 170 | 0 | FFAA00 | 42 | 42 | 0 | 2A2A00 |
| &7 | 회색 | 회색 | 170 | 170 | 170 | 꺄아아아 | 42 | 42 | 42 | 2A2A2A |
| &8 | 어두운 회색 | 짙은 회색 | 85 | 85 | 85 | 555555 | 21 | 21 | 21 | 151515 |
| &9 | 푸른 | 푸른 | 85 | 85 | 255 | 5555FF | 21 | 21 | 63 | 15153F |
| &ㅏ | 녹색 | 초록 | 85 | 255 | 85 | 55FF55 | 21 | 63 | 21 | 153F15 |
| &비 | 청록색 | 아쿠아 | 85 | 255 | 255 | 55FFFF | 21 | 63 | 63 | 153F3F |
| &씨 | 빨간색 | 빨간색 | 255 | 85 | 85 | FF5555 | 63 | 21 | 21 | 3F1515 |
| &디 | 라이트 퍼플 | 라이트 퍼플 | 255 | 85 | 255 | FF55FF | 63 | 21 | 63 | 3F153F |
| &이자형 | 노란색 | 노란색 | 255 | 255 | 85 | FFFF55 | 63 | 63 | 21 | 3F3F15 |
| &에프 | 하얀색 | 하얀 | 255 | 255 | 255 | FFFFFF | 63 | 63 | 63 | 3F3F3F |
가끔은 필요하다 밑줄, 밑줄, 가장 밝은 부분일부 텍스트. 이를 위해 텍스트 서식이 사용됩니다. 색상과 같은 방식으로 사용됩니다(텍스트 앞에 코드, 예를 들어 &lMinecraft= 마인크래프트.
편의를 위해 다음은 서식 지정을 위한 코드 표입니다.
| 코드 | 이름 |
|---|---|
| &케이 | 마법의 텍스트 |
| &엘 | 썸네일 |
| &중 | 취소선 텍스트 |
| &N | 밑줄이 그어진 텍스트 |
| &영형 | 기울임꼴 텍스트 |
| &아르 자형 | 서식 없는 텍스트 |
CSS의 색상 코드는 색상을 지정하는 데 사용됩니다. 일반적으로 색상 코드 또는 색상 값은 요소의 전경(예: 텍스트, 링크 색상) 또는 요소의 배경(배경, 블록 색상)에 대한 색상을 설정하는 데 사용됩니다. 버튼 색상, 테두리, 마커, 호버 및 기타 장식 효과를 변경하는 데에도 사용할 수 있습니다.
에서 고유한 색상 값을 설정할 수 있습니다. 다양한 형식. 다음 표에는 가능한 모든 형식이 나열되어 있습니다.
이러한 형식은 아래에 자세히 설명되어 있습니다.
CSS 색상 - 16진수 코드
16진수 색상 코드는 6자리 색상 표현입니다. 처음 두 자리(RR)는 빨간색 값, 다음 두 자리는 녹색 값(GG), 마지막 두 자리는 파란색 값(BB)입니다.
CSS 색상 - 짧은 16진수 코드
짧은 16진수 색상 코드 6자 표기법의 짧은 형식입니다. 이 형식에서 각 숫자는 동일한 6자리 색상 값을 생성하기 위해 반복됩니다. 예: #0F0은 #00FF00이 됩니다.
16진수 값은 모든 그래픽에서 가져올 수 있습니다. 소프트웨어, 와 같은 어도비 포토샵, 코어 드로우 등
CSS의 각 16진수 색상 코드 앞에는 "#" 해시 기호가 옵니다. 다음은 16진수 표기법의 사용 예입니다.
CSS 색상 - RGB 값
RGB 값 rgb() 속성을 사용하여 설정한 색상 코드입니다. 이 속성은 빨강, 녹색 및 파랑에 대해 각각 하나씩 세 가지 값을 취합니다. 값은 0에서 255 사이의 정수 또는 백분율일 수 있습니다.
메모:모든 브라우저가 rgb() color 속성을 지원하는 것은 아니므로 사용하지 않는 것이 좋습니다.
다음은 RGB 값을 사용하여 여러 색상을 표시하는 예입니다.
색상 코드 생성기
당사 서비스를 통해 수백만 개의 색상 코드를 생성할 수 있습니다.
안전한 브라우저 색상
아래는 가장 안전하고 컴퓨터에 독립적인 216가지 색상의 표입니다. CSS의 이러한 색상 범위는 000000에서 FFFFFF 16진수 코드입니다. 256 색상 팔레트로 작업할 때 모든 컴퓨터가 색상을 올바르게 표시하도록 하므로 사용하기에 안전합니다.
| CSS의 "안전한" 색상 표 | |||||
| #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 |
| #336600 | #336633 | #336666 | #336699 | #3366CC | #3366FF |
| #339900 | #339933 | #339966 | #339999 | #3399CC | #3399FF |
| #33CC00 | #33CC33 | #33CC66 | #33CC99 | #33CCCC | #33CCFF |
| #33FF00 | #33FF33 | #33FF66 | #33FF99 | #33FFCC | #33FFFF |
| #660000 | #660033 | #660066 | #660099 | #6600CC | #6600FF |
| #663300 | #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 | #999933 | #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 |
| #FF3300 | #FF3333 | #FF3366 | #FF3399 | #FF33CC | #FF33FF |
| #FF6600 | #FF6633 | #FF6666 | #FF6699 | #FF66CC | #FF66FF |
| #FF9900 | #FF9933 | #FF9966 | #FF9999 | #FF99CC | #FF99FF |
| #FFCC00 | #FFCC33 | #FFCC66 | #FFCC99 | #FFCCCC | #FFCCFF |
| #FFFF00 | #FFFF33 | #FFFF66 | #FFFF99 | #FFFFCC | #FFFFFF |
16진수는 색상을 지정하는 데 사용됩니다. 16진수 시스템은 10진수 시스템과 달리 이름에서 알 수 있듯이 숫자 16을 기반으로 합니다. 숫자는 0, 1, 2, 3, 4, 5, 6, 7, 8, 9, A입니다. , B, C, D, E, F. 10에서 15까지의 숫자는 라틴 문자로 대체됩니다. 16진법에서 15보다 큰 숫자는 두 숫자를 하나로 결합하여 형성됩니다. 예를 들어, 숫자 255 십진법 16진수의 숫자 FF에 해당합니다. 숫자 체계의 정의에서 혼동을 피하기 위해 16진수 앞에 해시 기호 #이 붙습니다(예: #666999). 빨강, 녹색 및 파랑의 세 가지 색상 각각은 00에서 FF까지의 값을 가질 수 있습니다. 따라서 색상 지정은 세 가지 구성 요소 #rrggbb로 나뉘며 처음 두 문자는 색상의 빨간색 구성 요소를 표시하고 중간 두 문자는 녹색을 표시하고 마지막 두 문자는 파란색을 표시합니다. 각 문자를 두 배로 늘려야 하는 축약형 #rgb를 사용할 수 있습니다. 따라서 #fe0 항목은 #ffee00으로 간주되어야 합니다.
이름으로
| 인터넷 익스플로러 | 크롬 | 오페라 | 원정 여행 | 파이어폭스 | 기계적 인조 인간 | iOS |
| 4.0+ | 1.0+ | 3.5+ | 1.3+ | 1.0+ | 1.0+ | 1.0+ |
브라우저는 이름별로 일부 색상을 지원합니다. 테이블에서. 1은 이름, 16진수 코드, RGB 값, HSL 형식 및 설명을 보여줍니다.
| 이름 | 색깔 | 코드 | RGB | HSL | 설명 |
|---|---|---|---|---|---|
| 하얀 | #ffff 또는 #fff | RGB(255,255,255) | hsl(0.0%,100%) | 하얀색 | |
| 은 | #c0c0c0 | RGB(192,192,192) | hsl(0.0%,75%) | 회색 | |
| 회색 | #808080 | RGB(128,128,128) | hsl(0.0%,50%) | 어두운 회색 | |
| 검은색 | #000000 또는 #000 | RGB(0,0,0) | hsl(0,0%,0%) | 검은색 | |
| 적갈색 | #800000 | RGB(128,0,0) | hsl(0,100%,25%) | 다크 레드 | |
| 빨간색 | #ff0000 또는 #f00 | RGB(255,0,0) | hsl(0,100%,50%) | 빨간색 | |
| 주황색 | #ffa500 | RGB(255,165,0) | hsl(38.8,100%,50%) | 주황색 | |
| 노란색 | #ffff00 또는 #ff0 | RGB(255,255,0) | hsl(60,100%,50%) | 노란색 | |
| 올리브 | #808000 | RGB(128,128,0) | hsl(60,100%,25%) | 올리브 | |
| 라임 | #00ff00 또는 #0f0 | RGB(0,255,0) | hsl(120,100%,50%) | 연한 초록색 | |
| 초록 | #008000 | RGB(0,128,0) | hsl(120,100%,25%) | 녹색 | |
| 아쿠아 | #00ffff 또는 #0ff | RGB(0,255,255) | hsl(180,100%,50%) | 푸른 | |
| 푸른 | #0000ff 또는 #00f | RGB(0,0,255) | hsl(240,100%,50%) | 푸른 | |
| 해군 | #000080 | RGB(0,0,128) | hsl(240,100%,25%) | 다크 블루 | |
| 물오리 | #008080 | RGB(0,128,128) | hsl(180,100%,25%) | 청록색 | |
| 푹샤 | #ff00ff 또는 #f0f | RGB(255,0,255) | hsl(300,100%,50%) | 분홍색 | |
| 자주색 | #800080 | RGB(128,0,128) | hsl(300,100%,25%) | 제비꽃 |
RGB로
| 인터넷 익스플로러 | 크롬 | 오페라 | 원정 여행 | 파이어폭스 | 기계적 인조 인간 | iOS |
| 5.0+ | 1.0+ | 3.5+ | 1.3+ | 1.0+ | 1.0+ | 1.0+ |
적색, 녹색, 청색 값을 십진법으로 사용하여 색상을 정의할 수 있습니다. 세 가지 색상 구성 요소 각각은 0에서 255 사이의 값을 취합니다. 색상을 백분율로 설정하는 것도 허용되지만 100%는 숫자 255에 해당합니다. 먼저 rgb 키워드가 지정된 다음 색상 구성 요소가 지정됩니다. 예를 들어 rgb(255, 128, 128) 또는 rgb(100%, 50%, 50%)와 같이 쉼표로 구분하여 대괄호로 지정합니다.
RGBA
| 인터넷 익스플로러 | 크롬 | 오페라 | 원정 여행 | 파이어폭스 | 기계적 인조 인간 | iOS |
| 9.0+ | 1.0+ | 10.0+ | 3.1+ | 3.0+ | 2.1+ | 2.0+ |
RGBA 형식은 RGB와 구문이 유사하지만 요소의 투명도를 설정하는 알파 채널을 포함합니다. 값 0은 완전히 투명하고 1은 불투명하며 0.5와 같은 중간 값은 반투명합니다.
RGBA가 CSS3에 추가되었으므로 이 버전에 따라 CSS 코드의 유효성 검사를 수행해야 합니다. CSS3 표준은 아직 개발 중이며 일부 기능이 변경될 수 있습니다. 예를 들어 background-color 속성에 추가된 RGB 색상은 유효성 검사를 통과하지만 background 속성에 추가된 RGB 색상은 통과하지 못합니다. 동시에 브라우저는 두 속성의 색상을 매우 정확하게 이해합니다.
HSL
| 인터넷 익스플로러 | 크롬 | 오페라 | 원정 여행 | 파이어폭스 | 기계적 인조 인간 | iOS |
| 9.0+ | 1.0+ | 9.6+ | 3.1+ | 3.0+ | 2.1+ | 2.0+ |
이름 HSL 형식 Hue(색조), Saturate(채도) 및 Lightness(밝기)의 첫 글자 조합으로 구성됩니다. 색조는 색상환의 색상 값(그림 1)이며 도 단위로 지정됩니다. 0°는 빨간색, 120°는 녹색, 240°는 파란색입니다. 색조 값은 0에서 359까지 다양합니다.
쌀. 1. 컬러 휠
채도는 0%에서 100% 사이의 백분율로 측정되는 색상의 강도입니다. 0% 값은 색상이 없고 회색 음영을 나타내며 100%는 최대 채도 값입니다.
밝기는 색상의 밝기를 설정하며 0%에서 100% 사이의 백분율로 지정됩니다. 값이 작을수록 색상이 어두워지고 값이 높으면 더 밝아지며 0%와 100%의 극한 값은 흑백에 해당합니다.
HSLA
| 인터넷 익스플로러 | 크롬 | 오페라 | 원정 여행 | 파이어폭스 | 기계적 인조 인간 | iOS |
| 9.0+ | 1.0+ | 10.0+ | 3.1+ | 3.0+ | 2.1+ | 2.0+ |
HSLA 형식은 구문이 HSL과 유사하지만 요소의 투명도를 설정하는 알파 채널을 포함합니다. 값 0은 완전히 투명하고 1은 불투명하며 0.5와 같은 중간 값은 반투명합니다.
RGBA, HSL 및 HSLA 형식의 색상 값이 CSS3에 추가되므로 이러한 형식을 사용할 때 버전에 대한 코드 유효성을 확인하십시오.
HTML5 CSS2.1 CSS3 IE Cr Op Sa Fx
경고
사이트에 나열된 사자를 잡는 모든 방법은 이론적이며 계산 방법을 기반으로합니다. 작성자는 사용 시 귀하의 안전을 보장하지 않으며 결과에 대한 책임을 지지 않습니다. 사자는 포식자이자 위험한 동물이라는 것을 기억하십시오!
이 예의 결과는 그림 1에 나와 있습니다. 2.
쌀. 2. 웹 페이지의 색상
블라드 메르제비치
HTML에서 색상은 16진법 코드를 사용하거나 일부 색상의 이름을 사용하는 두 가지 방법 중 하나로 지정됩니다. 가장 일반적으로 사용되는 방법은 가장 보편적인 16진법을 기반으로 합니다.
16진수 색상
HTML은 16진수를 사용하여 색상을 지정합니다. 16진수 시스템은 10진수 시스템과 달리 이름에서 알 수 있듯이 숫자 16을 기반으로 합니다. 숫자는 0, 1, 2, 3, 4, 5, 6, 7, 8, 9, A입니다. , B, C, D, E, F. 10에서 15까지의 숫자는 라틴 문자로 대체됩니다. 테이블에서. 6.1은 10진수와 16진수의 대응 관계를 보여줍니다.
16진법에서 15보다 큰 숫자는 두 숫자를 하나로 결합하여 구성됩니다(표 6.2). 예를 들어, 10진수로 된 숫자 255는 16진수로 된 숫자 FF에 해당합니다.
숫자 체계의 정의에서 혼동을 피하기 위해 16진수 앞에 파운드 기호 #가 붙습니다(예: #aa69cc). 이 경우 대소문자는 상관없으므로 #F0F0F0 또는 #f0f0f0으로 작성하는 것이 허용됩니다.
HTML에서 사용되는 대표적인 색상은 다음과 같다.
여기에서 웹 페이지의 배경색은 #FA8E47로 설정됩니다. 숫자 앞의 파운드 기호 #는 16진수임을 의미합니다. 처음 두 자리(FA)는 색상의 빨간색 구성 요소, 세 번째에서 네 번째 자리(8E)는 녹색 구성 요소, 마지막 두 자리(47)는 파란색 구성 요소를 정의합니다. 최종 결과는 이 색상입니다.
| 파 | + | 8E | + | 47 | = | FA8E47 |
빨강, 녹색 및 파랑의 세 가지 색상 각각은 00에서 FF까지 값을 취할 수 있으며 결국 256개의 음영을 형성합니다. 따라서 총 색상 수는 256x256x256 = 16.777.216 조합이 될 수 있습니다. 빨강, 초록, 파랑 구성 요소를 기반으로 하는 색상 모델을 RGB(빨강, 녹색, 파랑, 빨강, 녹색, 파랑)라고 합니다. 이 모델은 세 가지 구성 요소를 모두 추가하여 흰색을 형성하는 가산(추가 - 추가)입니다.
16진수 색상으로 쉽게 탐색할 수 있도록 몇 가지 규칙을 고려하십시오.
- 색상 구성 요소의 값이 동일하면(예: #D6D6D6) 회색 색조를 얻습니다. 숫자가 높을수록 색상이 밝아지며 값이 #000000(검정)에서 #FFFFFF(흰색)으로 변경됩니다.
- 적색 성분을 최대(FF)로 하고 나머지 성분을 0으로 하면 밝은 적색이 된다. 값이 #FF0000인 색상은 가능한 가장 붉은 색조입니다. 녹색(#00FF00)과 파란색(#0000FF)도 마찬가지입니다.
- 빨간색과 녹색을 혼합하여 노란색(#FFFF00)을 얻습니다. 이것은 기본 색상(빨간색, 녹색, 파란색)과 보색 또는 보색을 나타내는 색상환(그림 6.1)에서 명확하게 볼 수 있습니다. 여기에는 노란색, 시안색 및 보라색(자홍색이라고도 함)이 포함됩니다. 일반적으로 인접한 색상을 혼합하여 모든 색상을 얻을 수 있습니다. 따라서 청록색(#00FFFF)은 파란색과 녹색을 결합하여 얻습니다.
쌀. 6.1. 컬러 서클
16진수 값을 기반으로 하는 색상은 경험적으로 선택할 필요가 없습니다. 이를 위해서는 Adobe Photoshop과 같은 다양한 색상 모델로 작업할 수 있는 그래픽 편집기가 적합합니다. 무화과에. 6.2는 이 프로그램에서 색상을 선택하기 위한 창을 보여줍니다. 선은 현재 색상의 결과 16진수 값에 동그라미를 치고 있습니다. 복사하여 코드에 붙여넣을 수 있습니다.
쌀. 6.2. Photoshop의 색상 선택기
웹 색상
모니터의 색상 품질을 8비트(256색)로 설정하면 동일한 색상으로 표시될 수 있습니다. 다른 브라우저내 방식대로. 이것은 브라우저가 자체 팔레트로 작동하고 팔레트에 없는 색상을 표시할 수 없을 때 그래픽이 렌더링되는 방식과 관련이 있습니다. 이 경우 색상은 주어진 색상을 모방하는 다른 색상의 픽셀 조합으로 대체됩니다. 다른 브라우저에서 색상을 동일하게 유지하기 위해 소위 웹 색상 팔레트가 도입되었습니다. 웹 색상은 빨강, 녹색 및 파랑의 각 구성 요소에 대해 0(00), 51(33), 102(66), 153(99)으로 설정된 6개 값 중 하나, 204(CC), 255(FF). 이 구성요소의 16진수 값은 대괄호로 표시됩니다. 가능한 모든 조합의 총 색상 수는 6x6x6 - 216 색상을 제공합니다. 웹 색상의 예는 #33FF66입니다.
웹 컬러의 주요 특징은 모든 브라우저에서 동일하게 표시된다는 것입니다. 에 이 순간웹 색상의 관련성은 모니터 품질의 향상과 기능의 확장으로 인해 매우 작습니다.
이름별 색상
숫자 모음을 기억하지 않으려면 일반적으로 사용되는 색상 이름을 대신 사용할 수 있습니다. 테이블에서. 6.3은 인기있는 색상 이름의 이름을 보여줍니다.
| 색상 이름 | 색깔 | 설명 | 16진수 값 |
|---|---|---|---|
| 검은색 | 검은색 | #000000 | |
| 푸른 | 푸른 | #0000FF | |
| 푹샤 | 라이트 퍼플 | #FF00FF | |
| 회색 | 어두운 회색 | #808080 | |
| 초록 | 녹색 | #008000 | |
| 라임 | 연한 초록색 | #00FF00 | |
| 적갈색 | 다크 레드 | #800000 | |
| 해군 | 다크 블루 | #000080 | |
| 올리브 | 올리브 | #808000 | |
| 자주색 | 다크 바이올렛 | #800080 | |
| 빨간색 | 빨간색 | #FF0000 | |
| 은 | 밝은 회색 | #C0C0C0 | |
| 물오리 | 청록색 | #008080 | |
| 하얀 | 하얀색 | #FFFFFF | |
| 노란색 | 노란색 | #FFFF00 |
색상을 이름으로 지정하거나 16진수를 사용하여 지정하는 방법은 중요하지 않습니다. 사실상 이러한 방법은 동일합니다. 예제 6-1은 웹페이지의 배경색과 글자색을 설정하는 방법을 보여줍니다.
예 6.1. 배경 및 텍스트 색상
샘플 텍스트
에 이 예배경색은 태그의 bgcolor 속성을 사용하여 설정됩니다.
, 그리고 text 속성을 통한 텍스트의 색상. 다양성을 위해 text 속성의 값은 16진수로 설정되고 bgcolor는 예약어인 teal로 설정됩니다. 14. 11.28. 11.1K불행히도 사이트에 미각 감각을 표시하는 것은 아직 불가능합니다. 그러나 이것은 다음을 사용하여 완전히 보상될 수 있습니다. 그림 물감. 결국 html 색상을 사용하면 수백만 가지 음영을 표시할 수 있습니다. 하도록 하다 " 색연필그의 세트에서 7보다 훨씬 더 많습니다.
html의 색 구성표
에 HTML 색상여러 형식으로 지정할 수 있습니다.
1. 16진법 값으로 - 16진법 체계에 명시된 코드를 사용한다. html의 이러한 색상 코드는 세 쌍의 16진수로 구성됩니다. 각 쌍은 기본 색상으로 색조의 채도를 담당합니다.
- 첫 번째 숫자 쌍은 빨간색을 담당합니다.
- 두 번째 쌍은 녹색의 내용을 위한 것입니다.
- 후자는 파란색의 내용에 대한 것입니다.
코드 시작 부분(숫자 앞)에 해시 표시가 있습니다. 16진수 색상 코드입니다. 이 숫자 체계는 1에서 9까지의 숫자 외에도 라틴 알파벳(A, B, C, D, E, F)의 문자를 사용합니다.
예를 들어 html의 흰색 코드는 #FFFFFF와 같습니다.:
2. 키워드 - 현재 html은 약 147개의 키워드를 지원합니다. 그러나 이 단어들이 모두 독특한 것은 아닙니다. 그들 중 일부는 동일한 색조를 나타냅니다.
회색은 2로 표시됩니다. 키워드: 회색 및 회색 . 16진수 코드(HEX)는 동일한 값 #808080으로 지정됩니다.
예시 :
#808080
3. RGB 형식에서 - html의 이 색상 인코딩은 0에서 255 사이의 범위로 설정된 세 가지 값의 사용을 기반으로 합니다. 각각은 기본 색상 중 하나로 색조의 채도를 결정합니다.
- R - 빨간색 (빨간색);
- G - 녹색(녹색);
- B - 파란색 (파란색).
RGB 형식의 색상 번호는 rgb(0, 210, 100)와 같이 작성됩니다.
배경색:rgb(100,186,43)
4. 에서 RGBA 형식- 네 번째 값이 0에서 1 사이의 소수 형식으로 색상 투명도를 지정하는 고급 RGB 형식입니다.
사용 예:
배경색:rgba(100,86,143,0.2)
배경색:rgba(100,86,143,0.5)
배경색:rgba(100,86,143,0.8)
배경색:rgba(100,86,143,1)
html 색상표 및 색상 생성기
이러한 광범위한 색상 설정 형식으로 인해 혼동하기 쉽습니다. 따라서 특별한 색상표가 발명되었습니다. 그 안에는 147개의 주요 색상 음영에 대한 색상 표현에 대한 모든 주요 표준에 해당 코드가 나와 있습니다. 또한 각 필드에는 시각적 색상 일치를 위한 막대가 장착되어 있습니다. 이 표 중 하나는 사이트 colorscheme.ru에 나와 있습니다.
그러나 이러한 서신 구조의 도움으로도 원하는 그늘을 선택하는 것이 어려울 수 있습니다. 그리고 색상 코드 테이블에 올바른 것이 있다는 것은 사실이 아닙니다.
이 장벽을 극복하고 올바른 음영을 가능한 한 쉽게 선택할 수 있도록 대화형 웹 서비스가 개발되었습니다. 그들을 사용자 인터페이스다소 다를 수 있습니다.
html-color-codes.info 사이트에서 색상 생성기는 다음과 같습니다.
그리고 color-picker.appsmaster.co 서비스 내에서 이 도구는 약간 다르게 구현됩니다.
생성기의 각 색상 채도는 특수 슬라이더를 사용하여 설정됩니다. 시각적으로 색조는 프레임의 색상과 왼쪽의 직사각형으로 표시됩니다. 하단에는 3개의 필드가 기본 형식의 색상 코드를 표시합니다.
그러나 색상 생성기는 전문 사이트에서만 사용할 수 있는 것이 아닙니다. 거의 모든 사람이 이 도구를 가지고 있습니다. 그래픽 편집기. 예를 들어, 포토샵:
색상 안전
그리고 그것은 256색만 지원하는 비디오 카드 시대로 거슬러 올라갑니다. 그 머나먼 시간에 운영체제왜곡 없이 특정 수의 8비트 음영만 표시할 수 있습니다.
그런 다음 큰 테이블이 추론되었습니다. 안전한 색상. 그 당시의 어떤 브라우저에서도 왜곡 없이 표시될 수 있는 216개의 음영을 표시했습니다. 그리고 오늘날까지 이 훌륭한 원고»는 일부 리소스에서 계속 사용할 수 있습니다.
우리 시대에는 모든 것이 변했습니다. 따라서 html에서 색상으로 작업할 때의 모든 안전 규칙이 완전히 취소됩니다. 결국, 최신 컴퓨터 하드웨어는 1,600만 가지 이상의 다양한 음영을 지원합니다. 그리고 216개의 안전한 색상은 망각에 빠졌습니다.