색 b8. 색상의 색상은 다른 방법으로 설정할 수 있습니다. 16 진수 값, 이름별로, RGB, RGBA, HSL, HSLA 형식

웹 디자인에서는 여러 가지 색상 표현 방법이 있습니다.

16 진수는 기본 16의 16 진수 색 표현 시스템입니다.이 시스템의 경우 0에서 9까지의 아랍 소수 숫자 및 A에서 F로부터의 라틴 문자는 디지털 번호를 16으로 추가하는 데 사용됩니다. 웹 디자인, 16 개의 메인 (키) 색상, 소위 16 진수 (키) #rrggbb 색상 코드, 각 부부는 색상을 책임지고 있습니다 : rr - red, gg - green 및 bb - blue. 색상의 각 공유는 00에서 FF까지의 범위입니다.

웹 디자인의 색상의 두 가지 다른 프레젠테이션 : RGB (*, *, *)의 형태로, 각 "*"색상 공유는 0에서 255까지의 십진수로 표시되고 색상 이름으로 영어 언어.

컬러 이미지를 만들 때 주요 문제가 색상의 올바른 전송입니다. 다른 유형 편지, 모니터 및 브라우저. 브라우저가 색상을 올바르게 표시 할 수없는 경우 유사하거나 여러 가지 색상을 믹스합니다. 때로는 다른 색상으로 대체 할 수 있습니다.

16 주요 색상모든 브라우저에서 사용됩니다

이름 색깔 마녀. (RGB)
아쿠아 (바다 물결) # 00FFFF. (000,255,255)
블랙 (블랙) #000000 (000,000,000)
파란색 (파란색) # 0000ff. (000,000,255)
자홍색 (푸쉬) # ff00ff. (255,000,255)
회색 (회색) #808080 (128,128,128)
녹색 (녹색) #008000 (000,128,000)
석회 (밝은 녹색) # 00FF00. (000,255,000)
마론 (어두운 부르고뉴) #800000 (128,000,000)
네이비 (네이비 블루) #000080 (000,000,128)
올리브 (올리브) #808000 (128,128,000)
자주색 (보라색) #800080 (128,000,128)
빨간색 (빨간색) # ff0000. (255,000,000)
실버 (실버) # c0c0c0. (192,192,192)
청록 (그레이 - 그린) #008080 (000,128,128)
흰색 (흰색) #ffffff. (255,255,255)
노란색 (노란색) # fffff00. (255,255,000)

보라색 색상과 그늘

이름 색깔 마녀. (RGB)
마젠타 (보라색) #ffcbdb. (255,203,219)
마젠타 (보라색) # ff0099. (255,000,153)
마젠타 (MAJER) # F95A61. (249,090,097)
자홍 시아 (자홍색) # ff00ff. (255,000,255)
maftin (아닐린 보라색) # ef0097. (239,000,151)
연어 핑크 (오렌지 핑크) # FF91A4. (255,145,164)
Cenise (틴트 보라색) # de3163. (153,149,140)
Aubergine 가지 (가지) #990066 (153,000,132)
라벤더 블러쉬 (핑크 라벤더) & nbsp # fff0f5. (255,240,245)
라일락 (라일락) # C8A2C8. (200,162,200)
마젠타 (MAJER) # FF008F. (255,000,143)
난초 (난초) # da70d6. (218,112,214)
레드 바이올렛 (보라색 레드) # C71585. (199,021,133)
으스린 (상산) # 92000a. (146,000,010)
엉겅퀴 (틴트 마젠타) # d8bfd8. (185,211,238)
보라색 가지 (보라색의 색조) #991199 (153,017,153)
로사 생체 (리치 핑크) # ff007f. (255,000,127)
라벤더 - 로즈 (보라색의 색조) # fba0e3. (108,123,139)
마운트 벨트 핑크 (핑크 마운트 벤) # 997Abd. (153,122,141)

회색 색상과 그늘

이름 색깔 마녀. (RGB)
회색 (회색) #808080 (128,128,128)
회색 (회색) #bebebe. (190,190,190)
(회색 색조) #858585 (133,133,133)
그레이 33 (GRY-33) #545454 (084,084,084)
(회색 슬레이트) #708090 (112,128,144)
(석영) # 99958s. (153,149,140)
(밝은 회색) #bbbbbb. (187,187,187)
(은) # c0c0c0. (192,192,192)
(회색 화이트) # f0f0f0. (240,240,240)
(수염 vdel-kerim) # e0e0e0. (224,224,224)
lightgray (회색 빛) # d3d3d3. (211,211,211)
lightstategray () #778899 (119,136,153)
StateGray-1 (창백한 Vasilka1) # c6e2ff. (198,226,255)
Stategray-2 (창백한 vasilkova2) # b9d3ee. (185,211,238)
StateGray3 () # 9FB6CD. (159,182,205)
StateGray4 () # 6C7B8B. (108,123,139)

테이블 (팔레트) HTML 색상 당신이 필요로하는 음색을 독립적으로 선택할 수있는 기회를 제공합니다. 색상 값은 16 진수, RGB 및 HSV의 세 가지 형식으로 표시됩니다.

  • 16 진수는 16 진수 시스템에서 3 개의 두 가지 기호 값으로 구성됩니다. 예를 들면 다음과 같습니다. # FF00B3은 첫 번째 숫자가 빨간색이며 두 번째는 녹색이고 세 번째는 파란색입니다.
  • RGB (RedGreenBlue)는 결과 색상의 적절한 음색 (적색, 녹색, 파란색)의 양을 나타내는 "200,100,255"의 양식을 갖추고 있습니다.
  • HSV (색조, 채도, 가치 - 채도, 채도, 가치) - 좌표가있는 색상 모델 :
    • 색조 - 색조는 0 °에서 360 °까지 다양 할 수 있습니다.
    • 채도 - 채도는 0-100 또는 0-1 범위의 다양합니다. 이 매개 변수가 클수록 "클리너"색상 이므로이 매개 변수는 때로는 색상 순도라고도합니다. 그리고이 매개 변수가 0으로 가깝게하면 색상이 중성 회색으로 가깝습니다.
    • 값 (색상 값) - 밝기를 지정합니다. 값은 0-100 또는 0-1 범위에 따라 다를 수 있습니다.

색상 코드를 입력하십시오. 가다.

이름이있는 색상 목록

이 테이블에는 모든 브라우저에서 지원되는 영어 (값으로 사용할 수있는 값)와 각각의 16 진수 값이 나열되어 있습니다. 나열된 모든 색상은 모든 브라우저에서 동등하게 표시됩니다.

제목 색상 마녀. 색깔
검정.#000000
해군.#000080
다크 블루# 00008b.
중간 분위기.# 0000cd.
푸른# 0000ff.
짙은 녹색.#006400
초록.#008000
물오리.#008080
다크 시안.# 008b8b.
Deepskyblue.# 00bfff.
DarkTurquoise.# 00ced1.
MediumspringGreen.# 00FA9A.
라임.# 00FF00.
Springgreen.# 00FF7F.
아쿠아.# 00FFFF.
시안.# 00FFFF.
자정 블루.#191970
DodgerBlue.# 1E90FF.
Lightseagreen.# 20b2aa.
포리 스트렌.# 228B22.
해초.# 2E8B57.
darkslategray.# 2F4F4F.
LimeGreen.# 32CD32.
중형# 3CB371.
터키 옥.# 40E0D0.
로얄 블루.# 4169E1.
steelblue.# 4682B4.
DarkSlateBlue.# 483D8B.
중소기업# 48D1CC.
남빛.# 4B0082.
DarkoliveGreen.# 556B2F.
Cadetblue.# 5F9EA0.
옥수수 플라워 블루.# 6495ed.
중기물# 66cdaa
Dimgray.#696969
슬레이트 블루# 6a5acd.
olivedrab.# 6B8E23.
슬레이트 그레이.#708090
lightslategray.#778899
mediumslateblue.# 7B68EE.
잔디.# 7cfc00.
연두빛# 7FFF00.
남옥.# 7FFFD4.
적갈색.#800000
보라색.#800080
올리브.#808000
회색.#808080
하늘색.# 87CEEB.
lightskyblue.# 87cefa.
BlueViolet.# 8a2be2.
어둡게.# 8B0000.
Darkmagenta.# 8B008B.
새들 붐비.# 8B4513.
Darkseagreen.# 8FBC8F.
연한 초록색.# 90ee90.
Mediumpurple.# 9370d8.
어두운 밧줄.# 9400D3.
옅은 녹색.# 98FB98.
DarkOrchid.# 9932cc.
연두색# 9acd32.
시에나.# A0522D.
갈색.# A52A2A.
짙은 회색.# a9a9a9.
라이트 블루# add8e6.
그린 웰.# ADFF2F.
팔레트 쿠 쿠아.#afeeee.
lightsteelblue.# b0c4de.
파우더 블루.# b0e0e6.
소방품# b22222.
Darkgoldenrod.# b8860b.
중추단# ba55d3.
Rosybrown.# bc8f8f.
Darkkhaki.# bdb76b.
# c0c0c0.
중간 능력.# C71585.
인디더.# CD5C5C.
페루.# CD853F.
초콜릿.# D2691E.
탠 껍질.# D2B48C.
lightgray.# d3d3d3.
팔레비 올레 릿 릿 렌즈.# D87093.
엉겅퀴 훈장.# d8bfd8.
난초# da70d6.
골든로드.# DAA520.
진홍.# DC143C.
구인 들보.#dcdcdc.
자두.# dda0dd.
브레이드 우드.# deb887.
라이트 시안.# e0ffff.
라벤더.# e6e6fa.
다크 써몬.# e9967a.
제비꽃.# ee82ee.
Palegoldenrod.# Eee8aa.
무기# f08080.
카키색 옷감.# F0E68C.
AliceBlue.# f0f8ff.
단물.# f0fff0.
하늘빛.# f0ffff.
샌디 브라운.# F4A460.
밀.# f5deb3.
베이지 색# F5F5DC.
백인회# F5F5F5.
mintcream.# f5fffa.
Ghostwhite.# f8f8ff.
연어.# FA8072.
antiquewhite.# FAEBD7.
리넨.# faf0e6.
lightgoldenrodyellow.# fafad2.
oldlace.# fdf5e6.
빨간# ff0000.
푹샤.# ff00ff.
마젠타.# ff00ff.
Deeppink.# ff1493.
오렌지 레드# FF4500.
토마토.# ff6347.
핫 핑크# FF69B4.
산호# ff7f50.
Darkorange.# ff8c00.
조명 몬스터.# FFA07A.
주황색# ffa500.
라이트 핑크.# ffb6c1.
분홍.# ffc0cb.
금.# ffd700.
peachpuff.# ffdab9.
나바와 하이트.#ffdead.
모카신.# FFE4B5.
비스크.# FFE4C4.
mistyrose.# FFE4E1.
Blanchedalmond.#ffebcd.
파파야 힙.# ffefd5.
lavenderblush.# fff0f5.
조개.# fff5ee.
옥수수 실크.# fff8dc.
레몬 키폰.#fffacd.
Floraldwhite.# fffaf0.
#fffafa.
노랑# fffff00.
연노랑# ffffe0.
상아.# fffff0.
하얀#ffffff.

색상을 설정하려면 16 진수 코드에서 숫자가 사용됩니다. 십진수 시스템과 달리 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). 3 가지 색상 각각은 빨간색, 녹색 및 파란색이며 00에서 FF까지 값을 취할 수 있습니다. 따라서 색상의 지정은 3 개의 구성 요소가 #rrrgbb로 나뉘며 처음 두 문자가 색상의 빨간색 구성 요소, 2 개의 중간 녹색 및 마지막 두 문자가 파란색으로 표시됩니다. 각 캐릭터가 두 배가되면 각각의 문자의 축약 된 형태를 사용할 수 있습니다. 그래서, 녹음 # Fe0은 # ffee00으로 간주되어야합니다.

제목별로

인터넷 익스플로러. 크롬. 오페라. 원정 여행. 파이어 폭스. 기계적 인조 인간 iOS.
4.0+ 1.0+ 3.5+ 1.3+ 1.0+ 1.0+ 1.0+

브라우저는 이름에 따라 색상을 지원합니다. 탭에서. 도 1은 RGB, HSL 형식 및 설명의 이름, 16 진수 코드, 값을 보여줍니다.

표. 1. 꽃 이름
이름 색깔 코드 RGB. HSL. 기술
하얀 #fffffff 또는 #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+

소수점 미적분에서 빨강, 녹색 및 청색 구성 요소의 값을 사용하여 색상을 결정할 수 있습니다. 3 개의 색상 구성 요소 각각은 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 표준은 여전히 \u200b\u200b개발 중이며 변화 할 수있는 가능성이 있음을 알아야합니다. 예를 들어, 백그라운드 컬러 속성에 추가 된 RGB 형식의 색상이 유효성 검사를 통과하고 배경은 이미 속성에 추가되었습니다. 동시에 브라우저는 두 속성 모두의 색상을 올바르게 이해합니다.

hsl.

인터넷 익스플로러. 크롬. 오페라. 원정 여행. 파이어 폭스. 기계적 인조 인간 iOS.
9.0+ 1.0+ 9.6+ 3.1+ 3.0+ 2.1+ 2.0+

이름 hSL 형식 첫 번째 문자 색조 (색조), 포화제 (포화) 및 밝기 (Svetlota)의 조합에서 교육을 받았습니다. 그늘은 컬러 원의 색상 값 (그림 1)이고 도로 설정됩니다. 0 ° 붉은 색, 120 ° 녹색 및 240 ° 파란색에 해당합니다. 그늘 값은 0에서 359까지 다양 할 수 있습니다.

무화과. 1. 컬러 서클

채도는 색상의 강도가 0 % ~ 100 %의 백분율로 측정됩니다. 0 %의 값은 회색의 색상과 그늘이 없으며 최대 100 %의 채도 값을 나타냅니다.

Svetlota는 색상이 밝고 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.

그림 물감

경고

사이트에 나열된 모든 사자 낚시 방법은 이론적이며 컴퓨팅 방법을 기반으로합니다. 저자는 그들을 사용할 때 안전을 보장하지 않고 결과에 대한 모든 책임을 제거하지 않습니다. 사자는 육식 동물이고 위험한 동물입니다!

arrgh!

결과 이 예제 도 1에 도시 된 2.

무화과. 2. 웹 페이지의 색상

이 페이지는 HTML, CSS, JavaScript, Flash 및 기타와 같은 웹 개발자 언어로 색상을 지정하는 데 사용할 수있는 키워드 테이블을 제공합니다.

오래된 사양에서 WC3 관심사는 철자가 16만큼 철자되었습니다. 키워드HTML 및 CSS에 어떤 색상을 설치 한 도움이되었습니다. 더 현대적인 사양으로 더 많은 현대 사양이 추가 된 다른 130 개의 키워드가 추가되어 색상 이름을 지정했습니다. 다음 표에는 색상, 16 진수 및 RGB 코드가 일치하는 이름이 들어 있습니다.

CSS 규칙에 따라 색상의 이름은 레지스터에 민감하지 않습니다. 인디더 및 인디더 색상은 동일합니다.

테이블의 146 키워드의 키워드의 관심을 기울일 가치가 있으며 실제로 색이 적습니다. 이것은 일부 키워드가 동일한 색을 나타내는 사실 때문입니다. 그래서 이름은 회색이고 회색은 코드 # 808080 코드로 50 % 회색 색상을 나타냅니다. Word Magenta는 동의어입니다. HTML 색상 자홍색은 육각 # FF00FF에 해당합니다. 또한 동의어는 아쿠아와 시안 색인이며, 그들은 # 00FFFF 코드에 해당합니다.

HTML 및 CSS의 색상 이름 마녀. RGB.
붉은 색조 :
인디더.# CD5C5C.205, 92, 92
무기# f08080.240, 128, 128
연어.# FA8072.250, 128, 114
다크 써몬.# e9967a.233, 150, 122
조명 몬스터.# FFA07A.255, 160, 122
진홍.# DC143C.220, 20, 60
빨간# ff0000.255, 0, 0
소방품# b22222.178, 34, 34
어둡게.# 8B0000.139, 0, 0
핑크 톤 :
분홍.# ffc0cb.255, 192, 203
라이트 핑크.# ffb6c1.255, 182, 193
핫 핑크# FF69B4.255, 105, 180
Deeppink.# ff1493.255, 20, 147
중간 능력.# C71585.199, 21, 133
팔레비 올레 릿 릿 렌즈.# DB7093.219, 112, 147
오렌지 톤 :
조명 몬스터.# FFA07A.255, 160, 122
산호# ff7f50.255, 127, 80
토마토.# ff6347.255, 99, 71
오렌지 레드# FF4500.255, 69, 0
Darkorange.# ff8c00.255, 140, 0
주황색# ffa500.255, 165, 0
노란색 톤 :
금.# ffd700.255, 215, 0
노랑# fffff00.255, 255, 0
연노랑# ffffe0.255, 255, 224
레몬 키폰.#fffacd.255, 250, 205
lightgoldenrodyellow.# fafad2.250, 250, 210
파파야 힙.# ffefd5.255, 239, 213
모카신.# FFE4B5.255, 228, 181
peachpuff.# ffdab9.255, 218, 185
Palegoldenrod.# Eee8aa.238, 232, 170
카키색 옷감.# F0E68C.240, 230, 140
Darkkhaki.# bdb76b.189, 183, 107
보라색 톤 :
라벤더.# e6e6fa.230, 230, 250
엉겅퀴 훈장.# d8bfd8.216, 191, 216
자두.# dda0dd.221, 160, 221
제비꽃.# ee82ee.238, 130, 238
난초# da70d6.218, 112, 214
푹샤.# ff00ff.255, 0, 255
마젠타.# ff00ff.255, 0, 255
중추단# ba55d3.186, 85, 211
Mediumpurple.# 9370db.147, 112, 219
BlueViolet.# 8a2be2.138, 43, 226
어두운 밧줄.# 9400D3.148, 0, 211
DarkOrchid.# 9932cc.153, 50, 204
Darkmagenta.# 8B008B.139, 0, 139
보라색.#800080 128, 0, 128
남빛.# 4B0082.75, 0, 130
슬레이트 블루# 6a5acd.106, 90, 205
DarkSlateBlue.# 483D8B.72, 61, 139
갈색 톤 :
옥수수 실크.# fff8dc.255, 248, 220
Blanchedalmond.#ffebcd.255, 235, 205
비스크.# FFE4C4.255, 228, 196
나바와 하이트.#ffdead.255, 222, 173
밀.# f5deb3.245, 222, 179
브레이드 우드.# deb887.222, 184, 135
탠 껍질.# D2B48C.210, 180, 140
Rosybrown.# bc8f8f.188, 143, 143
샌디 브라운.# F4A460.244, 164, 96
골든로드.# DAA520.218, 165, 32
Darkgoldenrod.# b8860b.184, 134, 11
페루.# CD853F.205, 133, 63
초콜릿.# D2691E.210, 105, 30
새들 붐비.# 8B4513.139, 69, 19
시에나.# A0522D.160, 82, 45
갈색.# A52A2A.165, 42, 42
적갈색.#800000 128, 0, 0
기본 색상 :
검정.#000000 0, 0, 0
회색.#808080 128, 128, 128
# c0c0c0.192, 192, 192
하얀#ffffff.255, 255, 255
푹샤.# ff00ff.255, 0, 255
보라색.#800080 128, 0, 128
빨간# ff0000.255, 0, 0
적갈색.#800000 128, 0, 0
노랑# fffff00.205, 92, 92
올리브.#808000 240, 128, 128
라임.# 00FF00.250, 128, 114
초록.#008000 233, 150, 122
아쿠아.# 00FFFF.205, 92, 92
물오리.#008080 240, 128, 128
푸른# 0000ff.250, 128, 114
해군.#000080 233, 150, 122
HTML 및 CSS의 색상 이름 마녀. RGB.
녹색 톤 :
그린 웰.# ADFF2F.173, 255, 47
연두빛# 7FFF00.127, 255, 0
잔디.# 7cfc00.124, 252, 0
라임.# 00FF00.0, 255, 0
LimeGreen.# 32CD32.50, 205, 50
옅은 녹색.# 98FB98.152, 251, 152
연한 초록색.# 90ee90.144, 238, 144
MediumspringGreen.# 00FA9A.0, 250, 154
Springgreen.# 00FF7F.0, 255, 127
중형# 3CB371.60, 179, 113
해초.# 2E8B57.46, 139, 87
포리 스트렌.# 228B22.34, 139, 34
초록.#008000 0, 128, 0
짙은 녹색.#006400 0, 100, 0
연두색# 9acd32.154, 205, 50
olivedrab.# 6B8E23.107, 142, 35
올리브.#808000 128, 128, 0
DarkoliveGreen.# 556B2F.85, 107, 47
중기물# 66cdaa102, 205, 170
Darkseagreen.# 8FBC8F.143, 188, 143
Lightseagreen.# 20b2aa.32, 178, 170
다크 시안.# 008b8b.0, 139, 139
물오리.#008080 0, 128, 128
블루 톤 :
아쿠아.# 00FFFF.0, 255, 255
시안.# 00FFFF.0, 255, 255
라이트 시안.# e0ffff.224, 255, 255
팔레트 쿠 쿠아.#afeeee.175, 238, 238
남옥.# 7FFFD4.127, 255, 212
터키 옥.# 40E0D0.64, 224, 208
중소기업# 48D1CC.72, 209, 204
DarkTurquoise.# 00ced1.0, 206, 209
Cadetblue.# 5F9EA0.95, 158, 160
steelblue.# 4682B4.70, 130, 180
lightsteelblue.# b0c4de.176, 196, 222
파우더 블루.# b0e0e6.176, 224, 230
라이트 블루# add8e6.173, 216, 230
하늘색.# 87CEEB.135, 206, 235
lightskyblue.# 87cefa.135, 206, 250
Deepskyblue.# 00bfff.0, 191, 255
DodgerBlue.# 1E90FF.30, 144, 255
옥수수 플라워 블루.# 6495ed.100, 149, 237
mediumslateblue.# 7B68EE.123, 104, 238
로얄 블루.# 4169E1.65, 105, 225
푸른# 0000ff.0, 0, 255
중간 분위기.# 0000cd.0, 0, 205
다크 블루# 00008b.0, 0, 139
해군.#000080 0, 0, 128
자정 블루.#191970 25, 25, 112
흰색 톤 :
하얀#ffffff.255, 255, 255
#fffafa.255, 250, 250
단물# f0fff0.240, 255, 240
mintcream.# f5fffa.245, 255, 250
하늘빛.# f0ffff.240, 255, 255
AliceBlue.# f0f8ff.240, 248, 255
Ghostwhite.# f8f8ff.248, 248, 255
백인회# F5F5F5.245, 245, 245
조개.# fff5ee.255, 245, 238
베이지 색# F5F5DC.245, 245, 220
oldlace.# fdf5e6.253, 245, 230
Floraldwhite.# fffaf0.255, 250, 240
상아.# fffff0.255, 255, 240
antiquewhite.# FAEBD7.250, 235, 215
리넨.# faf0e6.250, 240, 230
lavenderblush.# fff0f5.255, 240, 245
mistyrose.# FFE4E1.255, 228, 225
회색 톤 :
구인 들보.#dcdcdc.220, 220, 220
lightgrey.# d3d3d3.211, 211, 211
lightgray.# d3d3d3.211, 211, 211
# c0c0c0.192, 192, 192
짙은 회색.# a9a9a9.169, 169, 169
어두운 회색# a9a9a9.169, 169, 169
회색.#808080 128, 128, 128
회색.#808080 128, 128, 128
Dimgray.#696969 105, 105, 105
Dimgrey.#696969 105, 105, 105
lightslategray.#778899 119, 136, 153
lightslategrey.#778899 119, 136, 153
슬레이트 그레이.#708090 112, 128, 144
SlateGrey.#708090 112, 128, 144
darkslategray.# 2F4F4F.47, 79, 79
Darkslategrey.# 2F4F4F.47, 79, 79
검정.#000000 0, 0, 0

CSS 컬러 모듈은 작성자가 HTML 요소의 색상과 불투명도와 Color 속성 값을 결정할 수있는 값을 자세히 설명합니다.

색상 속성

1. 우선 순위 색상 : 컬러 속성

속성은 다양한 색상 재현 시스템을 사용하여 글꼴 색을 설정합니다. 속성은 텍스트 콘텐츠 요소의 색상을 설명합니다. 또한 색상 값을 취하는 다른 모든 속성에 대해 잠재적 인 간접 값 (currentColor)을 제공하는 데 사용됩니다.

속성은 상속됩니다.

2. 색상 값

2.1. 주요 키워드

기본 키워드 목록에는 다음 값이 포함됩니다.

이름 마녀. RGB. 색깔
검정. #000000 0,0,0
# c0c0c0. 192,192,192
회색. #808080 128,128,128
하얀 #ffffff. 255,255,255
적갈색. #800000 128,0,0
빨간 # ff0000. 255,0,0
보라색. #800080 128,0,128
푹샤. # ff00ff. 255,0,255
초록. #008000 0,128,0
라임. # 00FF00. 0,255,0
올리브. #808000 128,128,0
노랑 # fffff00. 255,255,0
해군. #000080 0,0,128
푸른 # 0000ff. 0,0,255
물오리 #008080 0,128,128
아쿠아. # 00FFFF. 0,255,255

색상의 이름은 레지스터에 민감하지 않습니다.

통사론

색상 : 청록;

2.2. 색상의 숫자 값

2.2.1. RGB 모델의 색상

16 진수 형식의 RGB 값 형식은 3 또는 6 개의 16 진수 문자가 즉시 표시됩니다. RGB #RGB의 3 자리 레코드는 숫자를 복사하여 0 자리 폼 #RRGGGGBB로 변환되며 0이 아닌 숫자를 복사합니다. 예를 들어 # fb0이 # ffbb00으로 확장되고 있습니다. 이렇게하면 White #ffffff가 짧은 #FFF 레코드에서 지정할 수 있으며 디스플레이의 색상 깊이에서 종속성을 제거합니다.

함수 표기법에서 RGB 값 형식 - RGB (3 개의 숫자 값 (또는 세 가지 정수 값 또는 3 %)의 쉼표로 구분 된 목록, 심볼이 뒤 따른 다음). 정수 값 (255)은 16 진수 기록에서 100 % 및 F 또는 FF에 해당한다.

RGB (255,255,255) \u003d RGB (100 %, 100 %, 100 %) \u003d #fff

공백 문자는 수치가 허용됩니다.

공유