Farbe #575155, hex- und rgb-Codes, Beispiele

Farbeninformationen

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

Farbmodelle RGB

Die Farbe #575155 wird in RGB als (87,81,85) definiert.

Rot hat einen Wert von 87;
Grün hat einen Wert von 81;
Blau hat einen Wert von 85.

RGB:
(87,81,85)
(34%,32%,33%)

Kanäle in RGB und Sättigung

R 87 von 255 = 34%
G 81 von 255 = 32%
B 85 von 255 = 33%

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

Farbverhältnis in prozentualer Angabe

R + G + B =
87 + 81 + 85 = 253 (100%)
R 87 von 253 ~ 34.39%
G 81 von 253 ~ 32.02%
B 85 von 253 ~ 33.6%

%34.39

%32.02

%33.6

Farbmodell CMYK

Die Farbe #575155 wird in CMYK als (0,7,2,66) definiert.

Cyan hat einen Wert von 0.00%
Magenta hat einen Wert von 6.90%
Gelb hat einen Wert von 2.30%
Schlüsselfarbe hat einen Wert von 65.88%

CMYK:
(0,7,2,66)
C0M7Y2K66 
(0%,7%,2%,66%)
(0.00/0.07/0.02/0.66)

CMYK-Kanäle in Prozent

%6.9

%2.3

%65.88

Farbcodes

Farbe #575155 in den populären Farbmodellen.

	57	51	55
RGB	87	81	85
HSL	320°	3.57%	32.94%
HSB/HSV	320°	6.90%	34.12%
CMYK	0.00%	6.90%	2.30%
CMYK	65.88%

Die Farbe #575155 in den populären Zahlensystemen.

Hexadezimal	57	51	55
Dezimal	87	81	85
Binär	1010111	1010001	1010101
Oktal	127	121	125

Farbtöne

Dunkle Töne der Farbe #575155

#575155
(87,81,85)

#504A4E
(80,74,78)

#494347
(73,67,71)

#423C40
(66,60,64)

#3B3539
(59,53,57)

#342E32
(52,46,50)

#2D272B
(45,39,43)

#262024
(38,32,36)

#1F191D
(31,25,29)

#181216
(24,18,22)

#110B0F
(17,11,15)

#000000
(0,0,0)

Helle Töne der Farbe #575155

#575155
(87,81,85)

#666064
(102,96,100)

#756F73
(117,111,115)

#847E82
(132,126,130)

#938D91
(147,141,145)

#A29CA0
(162,156,160)

#B1ABAF
(177,171,175)

#C0BABE
(192,186,190)

#CFC9CD
(207,201,205)

#DED8DC
(222,216,220)

#EDE7EB
(237,231,235)

#FFFFFF
(255,255,255)

CSS3-Stile

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

Textfarbe

.myTextColor { color: #575155; }

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

Die Farbe dieses Textes ist #575155.

Hintergrundfarbe

.myBgColor { background-color: #575155; }

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

Der Hintergrund von diesem div ist in Farbe #575155.

Grenzfarbe

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

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

Die Grenzen von diesem div sind in Farbe #575155.

Transparenz

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

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

Text in Farbe #575155 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 #575155;}

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

Dieser Text hat den Schatten in Farbe #575155.

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

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

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

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

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

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

Farbe des Schattens vom div-Element

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

/* html code with inline style */
<div style="-moz-box-shadow: 1px 1px 3px 2px #575155;
-webkit-box-shadow: 1px 1px 3px 2px #575155;
box-shadow:1px 1px 3px 2px #575155;">
Div content here</div>

Dieses div hat den Schatten in Farbe #575155.

Beispiele

Farbenbeispiel auf dem schwarzen Hintergrund

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

Farbenbeispiel auf dem weißen Hintergrund

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

Beispiel eines schwarzen Textes auf dem Hintergrund in Farbe #575155

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

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

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

FARBE #575155