FARBE #515158

HEX: #515158
RGB: (81,81,88)

Farbeninformationen

#515158 enthält rote, grüne und blaue Farben ungefähr im gleichen Verhältnis. Für #515158 ist eine «websichere» Webfarbe #666666 (oder kurz #666).

Farbmodelle RGB

Die Farbe #515158 wird in RGB als (81,81,88) definiert.

  • Rot hat einen Wert von 81;
  • Grün hat einen Wert von 81;
  • Blau hat einen Wert von 88.
RGB:
(81,81,88)
(32%,32%,35%)

Kanäle in RGB und Sättigung

R 81 von 255 = 32%
G 81 von 255 = 32%
B 88 von 255 = 35%

81
81
88

R + G + B ~ 33%. #515158 ziemlich dunkle Farbe.

Farbverhältnis in prozentualer Angabe

R + G + B =
81 + 81 + 88 = 250 (100%)
R 81 von 250 ~ 32.4%
G 81 von 250 ~ 32.4%
B 88 von 250 ~ 35.2%

%32.4
%32.4
%35.2

Farbmodell CMYK

Die Farbe #515158 wird in CMYK als (8,8,0,65) definiert.

  • Cyan hat einen Wert von 7.95%
  • Magenta hat einen Wert von 7.95%
  • Gelb hat einen Wert von 0.00%
  • Schlüsselfarbe hat einen Wert von 65.49%
CMYK:
(8,8,0,65)
C8M8Y0K65 
(8%,8%,0%,65%)
(0.08/0.08/0.00/0.65)	

CMYK-Kanäle in Prozent

%7.95
%7.95
%0
%65.49

Farbcodes

Farbe #515158 in den populären Farbmodellen.

515158
RGB818188
HSL240°4.14%33.14%
HSB/HSV240°7.95%34.51%
CMYK7.95%7.95%0.00%
65.49%

Die Farbe #515158 in den populären Zahlensystemen.

Hexadezimal515158
Dezimal818188
Binär101000110100011011000
Oktal121121130

Farbtöne

Dunkle Töne der Farbe #515158

#515158
(81,81,88)
#4A4A50
(74,74,80)
#434348
(67,67,72)
#3C3C40
(60,60,64)
#353538
(53,53,56)
#2E2E30
(46,46,48)
#272728
(39,39,40)
#202020
(32,32,32)
#191918
(25,25,24)
#121210
(18,18,16)
#0B0B08
(11,11,8)
#000000
(0,0,0)

Helle Töne der Farbe #515158

#515158
(81,81,88)
#606067
(96,96,103)
#6F6F76
(111,111,118)
#7E7E85
(126,126,133)
#8D8D94
(141,141,148)
#9C9CA3
(156,156,163)
#ABABB2
(171,171,178)
#BABAC1
(186,186,193)
#C9C9D0
(201,201,208)
#D8D8DF
(216,216,223)
#E7E7EE
(231,231,238)
#FFFFFF
(255,255,255)

CSS3-Stile

Beispiele css- und html für Elemente in der Farbe #515158. Bitte benutzen Sie auch rgb(81,81,88) statt hex-Code.

Textfarbe

.myTextColor { color: #515158; }

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

Die Farbe dieses Textes ist #515158.


Hintergrundfarbe

.myBgColor { background-color: #515158; }

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

Der Hintergrund von diesem div ist in Farbe #515158.


Grenzfarbe

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

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

Die Grenzen von diesem div sind in Farbe #515158.


Transparenz

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

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

Text in Farbe #515158 und mit Transparenz 100% | 80% | 50% | 30%.

Hintergrund mit Transparenzgrad 100%.

Hintergrund mit Transparenzgrad 80%.

Hintergrund mit Transparenzgrad 50%.

Hintergrund mit Transparenzgrad 30%.

Farbe des Textschattens

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

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

Dieser Text hat den Schatten in Farbe #515158.

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

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

Dieser Text hat den Schatten in Grundfarbe #515158 und zusätzlichem Rot.


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

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

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


Farbe des Schattens vom div-Element

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

/* html code with inline style */
<div style="-moz-box-shadow: 1px 1px 3px 2px #515158;
-webkit-box-shadow: 1px 1px 3px 2px #515158;
box-shadow:1px 1px 3px 2px #515158;">
Div content here</div>
Dieses div hat den Schatten in Farbe #515158.

Beispiele

Farbenbeispiel auf dem schwarzen Hintergrund

Dieser Text ist in der Farbe #515158 auf dem schwarzen Hintergrund.


Farbenbeispiel auf dem weißen Hintergrund

Dieser Text ist in Farbe #515158 auf dem weißen Hintergrund.



Beispiel eines schwarzen Textes auf dem Hintergrund in Farbe #515158

Dieser Text ist schwarz auf dem Hintergrund in Farbe #515158.


Beispiel eines weißen Textes auf dem Hintergrund in Farbe #515158

Dieser Text ist weiß auf dem Hintergrund in Farbe #515158.