Цвет #6495ED

HEX: #6495ED
RGB: (100,149,237)

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

Цвет называется CornflowerBlue. #6495ED содержит в основном голубой цвет. Для #6495ED «безопасным» веб-цветом является #6699FF (или кратко #69F).

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

Цвет #6495ED в RGB задается как (100,149,237).

  • Красный цвет имеет значение 100;
  • Зеленый цвет имеет значение 149;
  • Синий цвет имеет значение 237.
RGB:
(100,149,237)
(39%,58%,93%)

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

R 100 из 255 = 39%
G 149 из 255 = 58%
B 237 из 255 = 93%

100
149
237

R + G + B ~ 63%. #6495ED достаточно светлый цвет.

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

R + G + B =
100 + 149 + 237 = 486 (100%)
R 100 из 486 ~ 20.58%
G 149 из 486 ~ 30.66%
B 237 из 486 ~ 48.77%

%20.58
%30.66
%48.77

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

Цвет #6495ED в CMYK задается как (58,37,0,7).

  • Сине-зеленый цвет имеет значение 57.81%
  • Пурпурный цвет имеет значение 37.13%
  • Желтый цвет имеет значение 0.00%
  • Ключевой цвет имеет значение 7.06%
CMYK:
(58,37,0,7)
C58M37Y0K7 
(58%,37%,0%,7%)
(0.58/0.37/0.00/0.07)	

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

%57.81
%37.13
%0
%7.06

Коды цвета

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

6495ED
RGB100149237
HSL219°79.19%66.08%
HSB/HSV219°57.81%92.94%
CMYK57.81%37.13%0.00%
7.06%

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

Шестнадцатиричная6495ED
Десятичная100149237
Двоичная11001001001010111101101
Восьмеричная144225355

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

Темные тона цвета #6495ED

#6495ED
(100,149,237)
#5B88D8
(91,136,216)
#527BC3
(82,123,195)
#496EAE
(73,110,174)
#406199
(64,97,153)
#375484
(55,84,132)
#2E476F
(46,71,111)
#253A5A
(37,58,90)
#1C2D45
(28,45,69)
#132030
(19,32,48)
#0A131B
(10,19,27)
#000000
(0,0,0)

Светлые тона цвета #6495ED

#6495ED
(100,149,237)
#729EEE
(114,158,238)
#80A7EF
(128,167,239)
#8EB0F0
(142,176,240)
#9CB9F1
(156,185,241)
#AAC2F2
(170,194,242)
#B8CBF3
(184,203,243)
#C6D4F4
(198,212,244)
#D4DDF5
(212,221,245)
#E2E6F6
(226,230,246)
#F0EFF7
(240,239,247)
#FFFFFF
(255,255,255)

Стили css3

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

Цвет текста

.myTextColor { color: #6495ED; }

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

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


Цвет фона

.myBgColor { background-color: #6495ED; }

<div style="background-color:#6495ED">Inner text</div>

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


Цвет границы

.myBorderColor { border: 1px solid #6495ED; }

<div style="border:3px solid #6495ED">Div</div>

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


Прозрачость

.myOpacity80 { color: #6495ED; opacity: 0.8; }

<p style="color:#6495ED;opacity:0.8;">80%</p>

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

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

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

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

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

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

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

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

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

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

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

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


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

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

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


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

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

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

Примеры

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

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


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

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



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

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


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

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