Цвет #557C55

HEX: #557C55
RGB: (85,124,85)

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

#557C55 содержит красный, зеленый и голубой цвета примерно в одинаковых пропорциях. Для #557C55 «безопасным» веб-цветом является #666666 (или кратко #666).

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

Цвет #557C55 в RGB задается как (85,124,85).

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

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

R 85 из 255 = 33%
G 124 из 255 = 49%
B 85 из 255 = 33%

85
124
85

R + G + B ~ 38%. #557C55 достаточно темный цвет.

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

R + G + B =
85 + 124 + 85 = 294 (100%)
R 85 из 294 ~ 28.91%
G 124 из 294 ~ 42.18%
B 85 из 294 ~ 28.91%

%28.91
%42.18
%28.91

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

Цвет #557C55 в CMYK задается как (31,0,31,51).

  • Сине-зеленый цвет имеет значение 31.45%
  • Пурпурный цвет имеет значение 0.00%
  • Желтый цвет имеет значение 31.45%
  • Ключевой цвет имеет значение 51.37%
CMYK:
(31,0,31,51)
C31M0Y31K51 
(31%,0%,31%,51%)
(0.31/0.00/0.31/0.51)

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

%31.45
%0
%31.45
%51.37

Коды цвета

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

557C55
RGB8512485
HSL120°18.66%40.98%
HSB/HSV120°31.45%48.63%
CMYK31.45%0.00%31.45%
51.37%

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

Шестнадцатиричная557C55
Десятичная8512485
Двоичная101010111111001010101
Восьмеричная125174125

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

Темные тона цвета #557C55

#557C55
(85,124,85)
#4E714E
(78,113,78)
#476647
(71,102,71)
#405B40
(64,91,64)
#395039
(57,80,57)
#324532
(50,69,50)
#2B3A2B
(43,58,43)
#242F24
(36,47,36)
#1D241D
(29,36,29)
#161916
(22,25,22)
#0F0E0F
(15,14,15)
#000000
(0,0,0)

Светлые тона цвета #557C55

#557C55
(85,124,85)
#648764
(100,135,100)
#739273
(115,146,115)
#829D82
(130,157,130)
#91A891
(145,168,145)
#A0B3A0
(160,179,160)
#AFBEAF
(175,190,175)
#BEC9BE
(190,201,190)
#CDD4CD
(205,212,205)
#DCDFDC
(220,223,220)
#EBEAEB
(235,234,235)
#FFFFFF
(255,255,255)

Стили css3

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

Цвет текста

.myTextColor { color: #557C55; }

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

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


Цвет фона

.myBgColor { background-color: #557C55; }

<div style="background-color:#557C55">Inner text</div>

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


Цвет границы

.myBorderColor { border: 1px solid #557C55; }

<div style="border:3px solid #557C55">Div</div>

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


Прозрачость

.myOpacity80 { color: #557C55; opacity: 0.8; }

<p style="color:#557C55;opacity:0.8;">80%</p>

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

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

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

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

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

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

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

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

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

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

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

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


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

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

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


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

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

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

Примеры

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

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


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

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


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

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


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

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