Цвет #09D309

HEX: #09D309
RGB: (9,211,9)

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

#09D309 содержит в основном зеленый цвет. Для #09D309 «безопасным» веб-цветом является #00CC00 (или кратко #0C0).

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

Цвет #09D309 в RGB задается как (9,211,9).

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

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

R 9 из 255 = 4%
G 211 из 255 = 83%
B 9 из 255 = 4%

9
211
9

R + G + B ~ 30%. #09D309 достаточно темный цвет.

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

R + G + B =
9 + 211 + 9 = 229 (100%)
R 9 из 229 ~ 3.93%
G 211 из 229 ~ 92.14%
B 9 из 229 ~ 3.93%

%92.14

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

Цвет #09D309 в CMYK задается как (96,0,96,17).

  • Сине-зеленый цвет имеет значение 95.73%
  • Пурпурный цвет имеет значение 0.00%
  • Желтый цвет имеет значение 95.73%
  • Ключевой цвет имеет значение 17.25%
CMYK:
(96,0,96,17)
C96M0Y96K17 
(96%,0%,96%,17%)
(0.96/0.00/0.96/0.17)	

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

%95.73
%0
%95.73
%17.25

Коды цвета

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

09D309
RGB92119
HSL120°91.82%43.14%
HSB/HSV120°95.73%82.75%
CMYK95.73%0.00%95.73%
17.25%

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

Шестнадцатиричная09D309
Десятичная92119
Двоичная1001110100111001
Восьмеричная1132311

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

Темные тона цвета #09D309

#09D309
(9,211,9)
#09C009
(9,192,9)
#09AD09
(9,173,9)
#099A09
(9,154,9)
#098709
(9,135,9)
#097409
(9,116,9)
#096109
(9,97,9)
#094E09
(9,78,9)
#093B09
(9,59,9)
#092809
(9,40,9)
#091509
(9,21,9)
#000000
(0,0,0)

Светлые тона цвета #09D309

#09D309
(9,211,9)
#1FD71F
(31,215,31)
#35DB35
(53,219,53)
#4BDF4B
(75,223,75)
#61E361
(97,227,97)
#77E777
(119,231,119)
#8DEB8D
(141,235,141)
#A3EFA3
(163,239,163)
#B9F3B9
(185,243,185)
#CFF7CF
(207,247,207)
#E5FBE5
(229,251,229)
#FFFFFF
(255,255,255)

Стили css3

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

Цвет текста

.myTextColor { color: #09D309; }

<p style="color:#09D309">This sample text font color is #09D309.</p>

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


Цвет фона

.myBgColor { background-color: #09D309; }

<div style="background-color:#09D309">Inner text</div>

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


Цвет границы

.myBorderColor { border: 1px solid #09D309; }

<div style="border:3px solid #09D309">Div</div>

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


Прозрачость

.myOpacity80 { color: #09D309; opacity: 0.8; }

<p style="color:#09D309;opacity:0.8;">80%</p>

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

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

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

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

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

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

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

<p style="text-shadow: 3px 3px 1px #09D309">Text here.</p>

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

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

<p style="text-shadow: 3px 3px 1px #09D309, 5px 5px 20px red">Text here.</p>

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


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

<p style="filter: Shadow(Color=#09D309, Direction=45, Strength=4)">Text</p>

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


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

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

/* html code with inline style */
<div style="-moz-box-shadow: 1px 1px 3px 2px #09D309;
-webkit-box-shadow: 1px 1px 3px 2px #09D309;
box-shadow:1px 1px 3px 2px #09D309;">
Div content here</div>
Этот div имеет тень цвета #09D309.

Примеры

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

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


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

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



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

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


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

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