Обозначения, названия и кодировки цвета (цветов). Цвета HTML и CSS. Таблица смешивания цветов.
Раздел недели: Плоские фигуры. Свойства, стороны, углы, признаки, периметры, равенства, подобия, хорды, секторы, площади и т.д. | ||||
Поиск на сайте DPVA Поставщики оборудования Полезные ссылки О проекте Обратная связь Ответы на вопросы. Оглавление Таблицы DPVA.ru — Инженерный Справочник | Адрес этой страницы (вложенность) в справочнике dpva.ru: главная страница / / Техническая информация/ / Физический справочник / / Свет и цвет. Оптика. Преломление. Отражение. Поглощение. Спектры. / / Обозначения, названия и кодировки цвета (цветов). Цвета HTML и CSS. Таблица смешивания цветов. Поделиться:
Поиск в инженерном справочнике DPVA. Введите свой запрос: | |||
Если Вы не обнаружили себя в списке поставщиков, заметили ошибку, или у Вас есть дополнительные численные данные для коллег по теме, сообщите , пожалуйста. | ||||
Начинка: KJR Publisiers Консультации и техническая | Проект является некоммерческим. Информация, представленная на сайте, не является официальной и предоставлена только в целях ознакомления. Владельцы сайта www.dpva.ru не несут никакой ответственности за риски, связанные с использованием информации, полученной с этого интернет-ресурса. Free xml sitemap generator |
CSS Цвета
❮ Предыдущий Следующий Ссылка ❯
Цвета отображаются сочетания красный, зеленый и синий свет.
Значения цвета
CSS цвета определяются с помощью шестнадцатеричной (HEX) обозначение для комбинации красного, зеленого и синего цветовых значений (RGB) . Самое низкое значение , которое может быть дано одному из источников света 0 (HEX 00) . Наибольшее значение равно 255 (HEX FF) .
Значения HEX записываются в виде 3 двойных чисел цифры, начиная с символа #.
пример
цвет | Цвет HEX | Цвет 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) |
Попробуй сам «
Оттенки серого
Серые цвета отображаются с помощью равное количество энергии для всех источников света. Для того, чтобы сделать его более легким для вас, чтобы выбрать правильный серый цвет мы составили таблицу оттенков серого для Вас:
оттенков серого цвета | HEX | 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) |
Оттенки красного
Если вы посмотрите на таблицу цвета ниже, вы увидите результат той или иной красный свет от 0 до 255, при этом сохраняя зеленый и синий свет в нуле.
Нажмите на шестнадцатеричные значения, если вы хотите, чтобы проанализировать цвет в нашей палитры цветов.
Красный свет | HEX | 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 миллионов цветов
Сочетание значений красного, зеленого и синего от 0 до 255 дает в общей сложности более 16 миллионов различных цветов , чтобы играть с (256 x 256 x 256) .
Большинство современных мониторов способны отображать по меньшей мере 16384 различных цветов.
Web Safe цвета?
Много лет назад, когда компьютеры поддерживаются максимум 256 различных цветов, список 216 «Web Safe Colors» был предложен в качестве Web стандарта (40 фиксированных оговорку цвета системы).
Это не важно сейчас, так как большинство компьютеров может отображать миллионы разных цветов.
Это 216 шестнадцатеричные значения кросс-браузерный цветовая палитра была создана, чтобы гарантировать, что все компьютеры будут корректно отображать цвета при работе 256 цветовой палитры в:
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 |
❮ Предыдущий Следующий Ссылка ❯
цветов | Windi CSS
pink
50
#fdf2f8
100
#fce7f3
200
#fbcfe8
300
#f9a8d4
400
#f472b6
500
#ec4899
600
#DB2777
700
#BE185D
800
#9D174D
9003#831843
Роуз
50
#FFF1F2
#831843
0002 #ffe4e6
200
#fecdd3
300
#fda4af
400
#fb7185
500
#f43f5e
600
#e11d48
700
#be123c
800
#9f1239
900
#881337
red
50
#fef2f2
100
#fee2e2
200
#fecaca
300
#fca5a5
400
#f87171
500
#ef4444
600
#dc2626
700
#b91c1c
800
#991b1b
900
#7f1d1d
orange
50
#fff7ed
100
#ffedd5
200
#fed7aa
300
#fdba74
400
#fb923c
500
#f97316
600
#ea580c
700
#c2410c
800
#9a3412
900
#7c2d12
yellow
50
#fffbeb
100
#fef3c7
200
#fde68a
300
# fcd34d
400
#fbbf24
500
#f59e0b
600
#d97706
700
#b45309
800
#92400e
900
#78350f
amber
50
#fffbeb
100
#fef3c7
200
#fde68a
300
#fcd34d
400
#fbbf24
500
#f59e0b
600
#D97706
700
#B45309
800
#92400E
900
#78350F
50
#F7FE7
№
#F7FE7
#F7FE7
50
50
#F70003
#d9f99d
300
#bef264
400
#a3e635
500
#84cc16
600
#65a30d
700
#4d7c0f
800
#3f6212
900
#365314
green
50
#ecfdf5
100
#d1fae5
200
#a7f3d0
300
#6ee7b7
400
#34d399
500
#10b981
600
#059669
700
#047857
800
#065f46
900
#064e3b
emerald
50
#ecfdf5
100
# d1fae5
200
#a7f3d0
300
#6ee7b7
400
#34d399
500
#10b981
600
#059669
700
#047857
#065f46
900
#064e3b
teal
50
#f0fdfa
100
#ccfbf1
200
#99f6e4
300
#5eead4
400
#2dd4bf
500
#14b8a6
600
#0d9488
700
#0f766e
800
#115e59
900
#134e4a
cyan
50
#ecfeff
100
#cffafe
200
#a5f3fc
300
#67e8f9
400
#22d3ee
500
#06b6d4
600
#0891b2
700
#0e7490
800
#155e75
900
#164e63
sky
50
#f0f9ff
100
#e0f2fe
200
#bae6fd
300
#7dd3fc
400
#38bdf8
500
#0ea5e9
600
#0284c7
700
#0369a1
800#075985
900
#0c4a6e
blue
50
#eff6ff
100
#DBEFE
200
#BFDBFE
300
#93C5FD
400
#60A5FA
5003
#3B829292.
#3B829292.
#3B8292. 9000.
#60A5FA4009
#60A5FA
400
600
#2563eb
700
#1d4ed8
800
#1e40af
900
#1e3a8a
indigo
50
#eef2ff
100
#e0e7ff
200
# c7d2fe
300
#a5b4fc
400
#818cf8
500
#6366f1
600
#4f46e5
700
#4338ca
800
#3730a3
900
#312e81
purple
50
#f5f3ff
100
#ede9fe
200
#ddd6fe
300
#c4b5fd
400
#a78bfa
500
#8b5cf6
600
#7c3aed
700
#6d28d9
800
#5b21b6
900
#4c1d95
violet
50
#f5f3ff
100
#ede9fe
200
#ddd6fe
300
#c4b5fd
400
#a78bfa
500
#8b5cf6
600
#7c3aed
700
#6d28d9
800
#5b21b6
900
#4c1d95
fuchsia
50
#fdf4ff
100
#fae8ff
200
#f5d0fe
300
#f0abfc
400
#e879f9
500
#d946ef
600
#c026d3
700
#a21caf
800
#86198f
900
#701a75
gray50
#f9fafb
100
#f3f4f6
200
#e5e7eb
300
#d1d5db
400
#9ca3af
500
#6b7280
600
#4b5563
700
#374151
800
#1f2937
900
#111827
slate
50
#f8fafc
100
#f1f5f9
200
#e2e8f0
300
#cbd5e1
400
#94A3B8
500
#64748B
600
#475569
700
#334155
800
#1E293B
900
#0F172A
stone
50
#fafaf9
100
#f5f5f4
200
#e7e5e4
300
#d6d3d1
400
#a8a29e
500
#78716c
600
#57534e
700
#44403c
800
#292524
900
#1c1917
neutral
50
#fafafa
100
#f5f5f5
200
#e5e5e5
300
#d4d4d4
400
#a3a3a3
500
#737373
600
#525252
700
#404040
800
#262626
900
#171717
zinc
50
#fafafa
100
#f4f4f5
200
#e4e4e7
300
#d4d4d8
400
#a1a1aa
500
#71717A
600
#52525B
700
#3F3F46
800
#27272A
900
#18181B
light
50
#fdfdfd
100
#fcfcfc
200
#fafafa
300
#f8f9fa
400
#f6f6f6
500
#f2f2f2
600
#f1f3f5
700
#e9ecef
800
#dee2e6
900
#dde1e3
dark
50
#4a4a4a
100
#3c3c3c
200
#323232
300
#2d2d2d
400
#2222222
500
#1F1F1F
600
#1C1C1E
700
#1B1B1B
800
#181818
#181818
9000#181818
9000.