999999 цвет: Таблица «безопасных» цветов – Wii / #999999 / #999 Схемы Шестнадцатеричных Кодов Цветов, Графики, Палитры и Краски

Leave a Comment / Разное / By /

Содержание

Список цветов с кодами hex и rgb

Информация о цвете

#999999 содержит красный, зеленый и голубой цвета примерно в одинаковых пропорциях. Цвет #999999 является «безопасным» цветом для веба. Он может быть записан кратко как #999.

Цветовая модель RGB

Цвет #999999 в RGB задается как (153,153,153).

  • Красный цвет имеет значение 153;
  • Зеленый цвет имеет значение 153;
  • Синий цвет имеет значение 153.
RGB:
(153,153,153)
(60%,60%,60%)

Каналы в RGB и насыщенность

R 153 из 255 = 60%
G 153 из 255 = 60%
B 153 из 255 = 60%

R + G + B ~ 60%. #999999 средний цвет (не темный и не светлый).

Соотношение цветов в процентах

R + G + B =
153 + 153 + 153 = 459 (100%)

R 153 из 459 ~ 33.33%
G 153 из 459 ~ 33.33%
B 153 из 459 ~ 33.33%

Цветовая модель CMYK

Цвет #999999 в CMYK задается как (0,0,0,40).

  • Сине-зеленый цвет имеет значение 0.00%
  • Пурпурный цвет имеет значение 0.00%
  • Желтый цвет имеет значение 0.00%
  • Ключевой цвет имеет значение 40.00%
CMYK:
(0,0,0,40)
C0M0Y0K40 
(0%,0%,0%,40%)
(0.00/0.00/0.00/0.40)

Каналы CMYK в процентах

Коды цвета

Цвет #999999 в популярных цветовых моделях.

999999
RGB153153153
HSL0°0.00%0.60%
HSB/HSV0°0.00%0.60%
CMYK0.00%0.00%0.00%
40.00%

Цвет #999999 в популярных системах счисления.

Шестнадцатиричная999999
Десятичная153153153
Двоичная100110011001100110011001
Восьмеричная231231231

Оттенки цвета

Темные тона цвета #999999


Светлые тона цвета #999999

Стили css3

Примеры css и html кодов для элементов с цветом #999999. Используйте также rgb(153,153,153) вместо hex-кода.

Цвет текста

.myTextColor { color: #999999; }

<p>This sample text font color is #999999.</p>

Цвет этого текста #999999.


Цвет фона

.myBgColor { background-color: #999999; }

<div>Inner text</div>

Этот div имеет фон #999999 цвета.


Цвет границы

.myBorderColor { border: 1px solid #999999; }

<div>Div</div>

Этот div имеет границы #999999 цвета.


Прозрачость

.myOpacity80 { color: #999999; opacity: 0.8; }

<p>80%</p>

Текст с цветом #999999 и прозрачностью 100% | 80% | 50% | 30%.

Фон с уровнем прозрачности 100%.

Фон с уровнем прозрачности 80%.

Фон с уровнем прозрачности 50%.

Фон с уровнем прозрачности 30%.

Цвет тени от текста

.textShadow {text-shadow: 3px 3px 1px #999999;}

<p>Text here.</p>

Этот текст имеет тень цвета #999999.

.textShadow {text-shadow: 3px 3px 1px #999999, 3px 3px 1px red;}

<p>Text here.</p>

Этот текст имеет тень с основным цветом #999999 и красным дополнительным цветом.

Styles for old Internet Explorer:
.textShadow {filter: Shadow(Color=#999999, Direction=45, Strength=4)}

<p>Text</p>

This text has shadow with #999999 and red colors in old Internet Explorer.


Цвет тени от элемента div

/* css code */
.divShadow
{
  -moz-box-shadow:	1px 1px 3px 2px #999999;
  -webkit-box-shadow:	1px 1px 3px 2px #999999;
  box-shadow:		1px 1px 3px 2px #999999;
}

/* html code with inline style */
<div>
 Div content here</div>

Этот div имеет тень цвета #999999.

Примеры

Пример цвета на черном фоне

Этот текст цвета #999999 на черном фоне.

Кнопка

Пример цвета на белом фоне

Этот текст цвета #999999 на белом фоне.

Кнопка

Пример черного текста на фоне цвета #999999

Этот текст черного цвета на фоне цвета #999999.

Кнопка

Пример белого текста на фоне цвета #999999

Этот текст белого цвета на фоне цвета #999999.

Кнопка

Таблица цветов интернета для сайта. Таблица безопасных цветов.

Существуют несколько основных способов представления цветов в вебе.

1.В виде #123ABC. Представление в виде трёх пар шестнадцатеричных цифр, где каждая пара отвечает за свой цвет:

  • две первые цифры — красный
  • две в середине — зелёный
  • две последние цифры — синий

Возможно также краткое представление цвета в виде #ABC, что будет интерпретировано как #AABBCC.

2.Представление ключевыми словами, например green, black. Во избежание случаев, когда указанное ключевое слово «не понимается» браузером следует использовать лишь небольшой набор основных цветов, используемых во всех браузерах.

3.В виде rgb (*,*,*), где «*» — числа от 0 до 255, обозначающих количество соответствующего цвета (красный, зелёный, синий) в получаемом.

 

НазваниеЦветRGBКод
alicebluealiceblue240, 248, 255#f0f8ff
antiquewhiteantiquewhite 250, 235, 215#faebd7
aquaaqua0, 255, 255#00ffff
aquamarineaquamarine127, 255, 212#7fffd4
azureazure240, 255, 255#f0ffff
beigebeige245, 245, 220#f5f5dc
bisquebisque255, 228, 196#ffe4c4
blackblack0, 0, 0#000000
blanchedalmond
blanchedalmond		255, 235, 205#ffebcd
blueblue0, 0, 255#0000ff
bluevioletblueviolet138, 43, 226#8a2be2
brownbrown165, 42, 42#a52a2a
burlywood

Таблица безопасных цветов

Эти цвета будут корректно отображаться во всех браузерах.

255.255.204
#FFFFCC

255.255.153
#FFFF99

255.255.102
#FFFF66

255.255.51
#FFFF33

255.255.0
#FFFF00

204.204.0
#CCCC00

255.204.102
#FFCC66

255.204.0
#FFCC00

255.204.51

#FFCC33

204.153.0
#CC9900

204.153.51
#CC9933

153.102.0
#996600

255.153.0
#FF9900

255.153.51
#FF9933

204.153.102
#CC9966

204.102.0
#CC6600

153.102.51
#996633

102.51.0
#663300

255.204.153
#FFCC99

255.153.102
#FF9966

255.102.0
#FF6600

204.102.51
#CC6633

153.51.0
#993300

102.0.0
#660000

255.102.51
#FF6633

204.51.0
#CC3300

255.51.0
#FF3300

255.0.0
#FF0000

204.0.0
#CC0000

153.0.0
#990000

255.204.204
#FFCCCC

255.153.153
#FF9999

255.102.102
#FF6666

255.51.51
#FF3333

255.0.51
#FF0033

204.0.51
#CC0033

204.153.153
#CC9999

204.102.102
#CC6666

204.51.51
#CC3333

153.51.51
#993333

153.0.51
#990033

51.0.0

#330000

255.102.153
#FF6699

255.51.102
#FF3366

255.0.102
#FF0066

204.51.102
#CC3366

153.102.102
#996666

102.51.51
#663333

255.153.204
#FF99CC

255.51.153
#FF3399

255.0.153
#FF0099

204.0.102
#CC0066

153.51.102
#993366

102.0.51
#660033

255.102.204
#FF66CC

255.0.204
#FF00CC

255.51.204
#FF33CC

204.102.153
#CC6699

204.0.153
#CC0099

153.0.102
#990066

255.204.255
#FFCCFF

255.153.255
#FF99FF

255.102.255
#FF66FF

255.51.255
#FF33FF

255.0.255
#FF00FF

204.51.153
#CC3399

204.153.204
#CC99CC

204.102.204
#CC66CC

204.0.204
#CC00CC

204.51.204
#CC33CC

153.0.153
#990099

153.51.153
#993399

204.102.255
#CC66FF

204.51.255
#CC33FF

204.0.255
#CC00FF

153.0.204
#9900CC

153.102.153
#996699

102.0.102
#660066

204.153.255
#CC99FF

153.51.204
#9933CC

153.51.255
#9933FF

153.0.255
#9900FF

102.0.153
#660099

102.51.102
#663366

153.102.204
#9966CC

153.102.255
#9966FF

102.0.204
#6600CC

102.51.204
#6633CC

102.51.153
#663399

51.0.51
#330033

204.204.255
#CCCCFF

153.153.255
#9999FF

102.51.255
#6633FF

102.0.255
#6600FF

51.0.153
#330099

51.0.102
#330066

153.153.204
#9999CC

102.102.255
#6666FF

102.102.204
#6666CC

102.102.153
#666699

51.51.153
#333399

51.51.102
#333366

51.51.255
#3333FF

51.0.255
#3300FF

51.0.204
#3300CC

51.51.204
#3333CC

0.0.153

#000099

0.0.102
#000066

102.153.255
#6699FF

51.102.255
#3366FF

0.0.255
#0000FF

0.0.204
#0000CC

0.51.204
#0033CC

0.0.51
#000033

0.102.255
#0066FF

0.102.204
#0066CC

51.102.204
#3366CC

0.51.255
#0033FF

0.51.153
#003399

0.51.102
#003366

153.204.255
#99CCFF

51.153.255
#3399FF

0.153.255
#0099FF

102.153.204
#6699CC

51.102.153
#336699

0.102.153
#006699

102.204.255
#66CCFF

51.204.255
#33CCFF

0.204.255
#00CCFF

51.153.204
#3399CC

0.153.204
#0099CC

0.51.51
#333333

153.204.204
#99CCCC

102.204.204
#66CCCC

51.153.153
#339999

102.153.153
#669999

0.102.102
#006666

51.102.102
#336666

204.255.255
#CCFFFF

153.255.255
#99FFFF

102.255.255
#66FFFF

51.255.255
#33FFFF

0.255.255
#00FFFF

0.204.204
#00CCCC

153.255.204
#99FFCC

102.255.204
#66FFCC

51.255.204
#33FFCC

0.255.204
#00FFCC

51.204.204
#33CCCC

0.153.153
#009999

102.204.153
#66CC99

51.204.153
#33CC99

0.204.153
#00CC99

51.153.102
#339966

0.153.102
#009966

0.102.51
#006633

102.255.153
#66FF99

51.255.153
#33FF99

0.255.153
#00FF99

51.204.102
#33CC66

0.204.102
#00CC66

0.153.51
#009933

153.255.153
#99FF99

102.255.102
#66FF66

51.255.102
#33FF66

0.255.102
#00FF66

51.153.51
#339933

0.102.0
#006600

204.255.204
#CCFFCC

153.204.153
#99CC99

102.204.102
#66CC66

102.153.102
#669966

51.102.51
#336633

0.51.0
#003300

51.255.51
#33FF33

0.255.51
#00FF33

0.255.0
#00FF00

0.204.0
#00CC00

51.204.51
#33CC33

0.204.51
#00CC33

102.255.0
#66FF00

102.255.51
#66FF33

51.255.0
#33FF00

51.204.0
#33CC00

51.153.0
#339900

0.153.0
#009900

204.255.153
#CCFF99

153.255.102
#99FF66

102.204.0
#66CC00

102.204.51
#66CC33

102.153.51
#669933

51.102.0
#336600

153.255.0
#99FF00

153.255.51
#99FF33

153.204.102
#99CC66

153.204.0
#99CC00

153.204.51
#99CC33

102.153.0
#669900

204.255.102
#CCFF66

204.255.0
#CCFF00

204.255.51
#CCFF33

204.204.153
#CCCC99

102.102.51
#666633

51.51.0
#333300

204.204.102
#CCCC66

204.204.51
#CCCC33

153.153.51
#999966

153.153.102
#999933

153.153.0
#999900

102.102.0
#666600

255.255.255
#FFFFFF

204.204.204
#CCCCCC

153.153.153
#999999

102.102.102
#666666

51.51.51
#333333

0.0.0
#000000



 Графика Полезные ссылки Смайлики Скачать графику оптом Секреты дизайна проектов Веб 2.0

Форматы и стандарты

Графические расширения Типографские требования Стандарты баннеров Страницы заглушки

Цвет

Компьютер и цвет Крутая шпаргалка по сочетанию цветов Случайный цвет Таблица цвета HTML

Таблица безопасных цветов

Таблица безопасных цветов Боба Штейна Генераторы цвета онлайн Фирменные цвета известных брендов

Список цветов с кодами hex и rgb

Информация о цвете

#666666 содержит красный, зеленый и голубой цвета примерно в одинаковых пропорциях. Цвет #666666 является «безопасным» цветом для веба. Он может быть записан кратко как #666.

Цветовая модель RGB

Цвет #666666 в RGB задается как (102,102,102).

  • Красный цвет имеет значение 102;
  • Зеленый цвет имеет значение 102;
  • Синий цвет имеет значение 102.
RGB:
(102,102,102)
(40%,40%,40%)

Каналы в RGB и насыщенность

R 102 из 255 = 40%
G 102 из 255 = 40%
B 102 из 255 = 40%

R + G + B ~ 40%. #666666 средний цвет (не темный и не светлый).

Соотношение цветов в процентах

R + G + B =
102 + 102 + 102 = 306 (100%)

R 102 из 306 ~ 33.33%
G 102 из 306 ~ 33.33%
B 102 из 306 ~ 33.33%

Цветовая модель CMYK

Цвет #666666 в CMYK задается как (0,0,0,60).

  • Сине-зеленый цвет имеет значение 0.00%
  • Пурпурный цвет имеет значение 0.00%
  • Желтый цвет имеет значение 0.00%
  • Ключевой цвет имеет значение 60.00%
CMYK:
(0,0,0,60)
C0M0Y0K60 
(0%,0%,0%,60%)
(0.00/0.00/0.00/0.60)

Каналы CMYK в процентах

Коды цвета

Цвет #666666 в популярных цветовых моделях.

666666
RGB102102102
HSL0°0.00%0.40%
HSB/HSV0°0.00%0.40%
CMYK0.00%0.00%0.00%
60.00%

Цвет #666666 в популярных системах счисления.

Шестнадцатиричная666666
Десятичная102102102
Двоичная110011011001101100110
Восьмеричная146146146

Оттенки цвета

Темные тона цвета #666666


Светлые тона цвета #666666

Стили css3

Примеры css и html кодов для элементов с цветом #666666. Используйте также rgb(102,102,102) вместо hex-кода.

Цвет текста

.myTextColor { color: #666666; }

<p>This sample text font color is #666666.</p>

Цвет этого текста #666666.


Цвет фона

.myBgColor { background-color: #666666; }

<div>Inner text</div>

Этот div имеет фон #666666 цвета.


Цвет границы

.myBorderColor { border: 1px solid #666666; }

<div>Div</div>

Этот div имеет границы #666666 цвета.


Прозрачость

.myOpacity80 { color: #666666; opacity: 0.8; }

<p>80%</p>

Текст с цветом #666666 и прозрачностью 100% | 80% | 50% | 30%.

Фон с уровнем прозрачности 100%.

Фон с уровнем прозрачности 80%.

Фон с уровнем прозрачности 50%.

Фон с уровнем прозрачности 30%.

Цвет тени от текста

.textShadow {text-shadow: 3px 3px 1px #666666;}

<p>Text here.</p>

Этот текст имеет тень цвета #666666.

.textShadow {text-shadow: 3px 3px 1px #666666, 3px 3px 1px red;}

<p>Text here.</p>

Этот текст имеет тень с основным цветом #666666 и красным дополнительным цветом.

Styles for old Internet Explorer:
.textShadow {filter: Shadow(Color=#666666, Direction=45, Strength=4)}

<p>Text</p>

This text has shadow with #666666 and red colors in old Internet Explorer.


Цвет тени от элемента div

/* css code */
.divShadow
{
  -moz-box-shadow:	1px 1px 3px 2px #666666;
  -webkit-box-shadow:	1px 1px 3px 2px #666666;
  box-shadow:		1px 1px 3px 2px #666666;
}

/* html code with inline style */
<div>
Div content here</div>

Этот div имеет тень цвета #666666.

Примеры

Пример цвета на черном фоне

Этот текст цвета #666666 на черном фоне.

Кнопка

Пример цвета на белом фоне

Этот текст цвета #666666 на белом фоне.

Кнопка

Пример черного текста на фоне цвета #666666

Этот текст черного цвета на фоне цвета #666666.

Кнопка

Пример белого текста на фоне цвета #666666

Этот текст белого цвета на фоне цвета #666666.

Кнопка

Таблица безопасных цветов

Думаю, Вы знаете, что цветов очень много, и все могут быть использованы веб-мастерами. При верстке используют палитру в формате HEX или RGB. Любой из этих форматов способен вывести в html любой цвет, но иногда бывает такое, что браузер не увидит какой-то цвет и автоматически подберет ближайший безопасный.

Если Вы хотите, чтобы такое не случилось с посетителями Вашего сайта, то можете использовать цвета из таблицы ниже. HEX цвета выглядят как 6 цифр или букв перед которыми стоит Знак решетки, например — #ff3300 — оранжевый цвет. RGB — это три числа, разделенные точками. Каждое число это степень заливки трех основных цветов — Red, Green, Blue(красный, зеленый, синий). Например, тот же оранжевый будет иметь такой вот код — 255.51.0.

Каким форматом пользоваться решать Вам, но все таки основной формат, это HEX. В таблице, что расположена ниже, представлены оба варианта с примером. Сначала RGB код, под ним HEX и уже под ними пример цвета.

В общем пользуйтесь и радуйтесь :).

255.255.204255.255.153255.255.102255.255.51255.255.0204.204.0
FFFFCCFFFF99FFFF66FFFF33FFFF00CCCC00
      
255.204.102255.204.0255.204.51204.153.0204.153.51153.102.0
FFCC66FFCC00FFCC33CC9900CC9933996600
      
255.153.0255.153.51204.153.102204.102.0153.102.51102.51.0
FF9900FF9933CC9966CC6600996633663300
      
255.204.153255.153.102255.102.0204.102.51153.51.0102.0.0
FFCC99FF9966FF6600CC6633993300660000
      
255.102.51204.51.0255.51.0255.0.0204.0.0153.0.0
FF6633CC3300FF3300FF0000CC0000990000
      
255.204.204255.153.153255.102.102255.51.51255.0.51204.0.51
FFCCCCFF9999FF6666FF3333FF0033CC0033
      
204.153.153204.102.102204.51.51153.51.51153.0.5151.0.0
CC9999CC6666CC3333993333990033330000
      
255.102.153255.51.102255.0.102204.51.102153.102.102102.51.51
FF6699FF3366FF0066CC3366996666663333
      
255.153.204255.51.153255.0.153204.0.102153.51.102102.0.51
FF99CCFF3399FF0099CC0066993366660033
      
255.102.204255.0.204255.51.204204.102.153204.0.153153.0.102
FF66CCFF00CCFF33CCCC6699CC0099990066
      
255.204.255255.153.255255.102.255255.51.255255.0.255204.51.153
FFCCFFFF99FFFF66FFFF33FFFF00FFCC3399
      
204.153.204204.102.204204.0.204204.51.204153.0.153153.51.153
CC99CCCC66CCCC00CCCC33CC990099993399
      
204.102.255204.51.255204.0.255153.0.204153.102.153102.0.102
CC66FFCC33FFCC00FF9900CC996699660066
      
204.153.255153.51.204153.51.255153.0.255102.0.153102.51.102
CC99FF9933CC9933FF9900FF660099663366
      
153.102.204153.102.255102.0.204102.51.204102.51.15351.0.51
9966CC9966FF6600CC6633CC663399330033
      
204.204.255153.153.255102.51.255102.0.25551.0.15351.0.102
CCCCFF9999FF6633FF6600FF330099330066
      
153.153.204102.102.255102.102.204102.102.15351.51.15351.51.102
9999CC6666FF6666CC666699333399333366
      
51.51.25551.0.25551.0.20451.51.2040.0.1530.0.102
3333FF3300FF3300CC3333CC000099000066
      
102.153.25551.102.2550.0.2550.0.2040.51.2040.0.51
6699FF3366FF0000FF0000CC0033CC000033
      
0.102.2550.102.20451.102.2040.51.2550.51.1530.51.102
0066FF0066CC3366CC0033FF003399003366
      
102.204.25551.204.2550.204.25551.153.2040.153.2040.51.51
66CCFF33CCFF00CCFF3399CC0099CC003333
      
153.204.204102.204.20451.153.153102.153.1530.102.10251.102.102
99CCCC66CCCC339999669999006666336666
      
204.255.255153.255.255102.255.25551.255.2550.255.2550.204.204
CCFFFF99FFFF66FFFF33FFFF00FFFF00CCCC
      
153.255.204102.255.20451.255.2040.255.20451.204.2040.153.153
99FFCC66FFCC33FFCC00FFCC33CCCC009999
      
102.204.15351.204.1530.204.15351.153.1020.153.1020.102.51
66CC9933CC9900CC99339966009966006633
      
102.255.15351.255.1530.255.15351.204.1020.204.1020.153.51
66FF9933FF9900FF9933CC6600CC66009933
      
153.255.153102.255.10251.255.1020.255.10251.153.510.102.0
99FF9966FF6633FF6600FF66339933006600
      
204.255.204153.204.153102.204.102102.153.10251.102.510.51.0
CCFFCC99CC9966CC66669966336633003300
      
51.255.510.255.510.255.00.204.051.204.510.204.51
33FF3300FF3300FF0000CC0033CC3300CC33
      
102.255.0102.255.5151.255.051.204.051.153.00.153.0
66FF0066FF3333FF0033CC00339900009900
      
204.255.153153.255.102102.204.0102.204.51102.153.5151.102.0
CCFF9999FF6666CC0066CC33669933336600
      
153.255.0153.255.51153.204.102153.204.0153.204.51102.153.0
99FF0099FF3399CC6699CC0099CC33669900
      
204.255.102204.255.0204.255.51204.204.153102.102.5151.51.0
CCFF66CCFF00CCFF33CCCC99666633333300
      
204.204.102204.204.51153.153.102153.153.51153.153.0102.102.0
CCCC66CCCC33999966999933999900666600
      
255.255.255204.204.204153.153.153102.102.10251.51.510.0.0
FFFFFFCCCCCC999999666666333333000000
      

На этом все, спасибо за внимание. 🙂

Добавить комментарий

Ваш адрес email не будет опубликован. Обязательные поля помечены *