Kolory są wyświetlane połączenie czerwonego, zielonego i niebieskiego światła.
wartości kolorów
Kolory CSS są definiowane za pomocą szesnastkowym (HEX) notację kombinacji czerwony, zielony i niebieski wartości kolorów (RGB) . Najniższa wartość, która może być podawana na jedno ze źródeł światła jest 0 (HEX 00) . Najwyższa wartość wynosi 255 (HEX FF) .
Wartości HEX są zapisywane jako 3 podwójnych liczb dwucyfrowych, począwszy od znaku #.
Przykład
Kolor | kolor HEX | kolor RGB |
---|---|---|
# 000000 | rgb (0,0,0) | |
# FF0000 | rgb (255,0,0) | |
# 00FF00 | rgb (0,255,0) | |
# 0000FF | rgb (0,0,255) | |
# FFFF00 | rgb (255,255,0) | |
# 00FFFF | rgb (0255255) | |
# FF00FF | rgb (255,0,255) | |
# C0C0C0 | rgb (192192192) | |
#FFFFFF | rgb (255,255,255) |
Odcienie szarego
Szarości są wyświetlane przy użyciu tej samej ilości energii dla wszystkich źródeł światła. Aby ułatwić Ci wybrać odpowiedni kolor szary Zebraliśmy tabelę odcieniach szarości dla Ciebie:
odcieniach szarości | KLĄTWA | 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 (104104104) | |
# 707070 | rgb (112112112) | |
# 787878 | rgb (120120120) | |
# 808080 | rgb (128128128) | |
# 888888 | rgb (136136136) | |
# 909090 | rgb (144144144) | |
# 989898 | rgb (152152152) | |
# A0A0A0 | rgb (160160160) | |
# A8A8A8 | rgb (168168168) | |
# B0B0B0 | rgb (176176176) | |
# B8B8B8 | rgb (184184184) | |
# C0C0C0 | rgb (192192192) | |
# C8C8C8 | rgb (200200200) | |
# D0D0D0 | rgb (208208208) | |
# D8D8D8 | rgb (216216216) | |
# E0E0E0 | rgb (224224224) | |
# E8E8E8 | rgb (232232232) | |
# F0F0F0 | rgb (240240240) | |
# F8F8F8 | rgb (248248248) | |
#FFFFFF | rgb (255,255,255) |
Odcienie czerwieni
Jeśli spojrzeć na tablicy kolorów poniżej, widać wynik zmianę czerwonego światła od 0 do 255, przy zachowaniu zielone i niebieskie światło na zero.
Kliknij na wartościach szesnastkowych, jeśli chcesz analizować kolor naszego próbnika kolorów.
Czerwone światło | KLĄTWA | 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) |
16 milionów różnych kolorach
Połączenie wartości czerwony, zielony i niebieski od 0 do 255 daje w sumie ponad 16 milionów różnych kolorach do zabawy (256 x 256 x 256) .
Większość nowoczesnych monitory zdolny do wyświetlania przynajmniej 16384 różnych kolorach.
Web Safe Colors?
Wiele lat temu, gdy komputery obsługiwane maksymalnych 256 różnych kolorów, listę 216 "Web Safe Colors" został zaproponowany jako standard Web (zastrzeżenie 40 stałych kolorów systemowych).
To nie jest teraz ważne, ponieważ większość komputerów może wyświetlać miliony różnych kolorach.
Ten 216 wartości hex cross-browser paleta kolorów została stworzona, aby upewnić się, że wszystkie komputery będą wyświetlać kolory poprawnie, gdy uruchomiony paletę 256 kolorów:
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 |