Farbe #36B55A, hex- und rgb-Codes, Beispiele

Farbeninformationen

#36B55A enthält hauptsächlich grüne Farbe. Für #36B55A ist eine «websichere» Webfarbe #33CC66 (oder kurz #3C6).

Farbmodelle RGB

Die Farbe #36B55A wird in RGB als (54,181,90) definiert.

Rot hat einen Wert von 54;
Grün hat einen Wert von 181;
Blau hat einen Wert von 90.

RGB:
(54,181,90)
(21%,71%,35%)

Kanäle in RGB und Sättigung

R 54 von 255 = 21%
G 181 von 255 = 71%
B 90 von 255 = 35%

181

R + G + B ~ 42%. #36B55A mittlere Farbe (nicht dunkel und nicht hell).

Farbverhältnis in prozentualer Angabe

R + G + B =
54 + 181 + 90 = 325 (100%)
R 54 von 325 ~ 16.62%
G 181 von 325 ~ 55.69%
B 90 von 325 ~ 27.69%

%16.62

%55.69

%27.69

Farbmodell CMYK

Die Farbe #36B55A wird in CMYK als (70,0,50,29) definiert.

Cyan hat einen Wert von 70.17%
Magenta hat einen Wert von 0.00%
Gelb hat einen Wert von 50.28%
Schlüsselfarbe hat einen Wert von 29.02%

CMYK:
(70,0,50,29)
C70M0Y50K29 
(70%,0%,50%,29%)
(0.70/0.00/0.50/0.29)

CMYK-Kanäle in Prozent

%70.17

%50.28

%29.02

Farbcodes

Farbe #36B55A in den populären Farbmodellen.

	36	B5	5A
RGB	54	181	90
HSL	137°	54.04%	46.08%
HSB/HSV	137°	70.17%	70.98%
CMYK	70.17%	0.00%	50.28%
CMYK	29.02%

Die Farbe #36B55A in den populären Zahlensystemen.

Hexadezimal	36	B5	5A
Dezimal	54	181	90
Binär	110110	10110101	1011010
Oktal	66	265	132

Farbtöne

Dunkle Töne der Farbe #36B55A

#36B55A
(54,181,90)

#32A552
(50,165,82)

#2E954A
(46,149,74)

#2A8542
(42,133,66)

#26753A
(38,117,58)

#226532
(34,101,50)

#1E552A
(30,85,42)

#1A4522
(26,69,34)

#16351A
(22,53,26)

#122512
(18,37,18)

#0E150A
(14,21,10)

#000000
(0,0,0)

Helle Töne der Farbe #36B55A

#36B55A
(54,181,90)

#48BB69
(72,187,105)

#5AC178
(90,193,120)

#6CC787
(108,199,135)

#7ECD96
(126,205,150)

#90D3A5
(144,211,165)

#A2D9B4
(162,217,180)

#B4DFC3
(180,223,195)

#C6E5D2
(198,229,210)

#D8EBE1
(216,235,225)

#EAF1F0
(234,241,240)

#FFFFFF
(255,255,255)

CSS3-Stile

Beispiele css- und html für Elemente in der Farbe #36B55A. Bitte benutzen Sie auch rgb(54,181,90) statt hex-Code.

Textfarbe

.myTextColor { color: #36B55A; }

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

Die Farbe dieses Textes ist #36B55A.

Hintergrundfarbe

.myBgColor { background-color: #36B55A; }

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

Der Hintergrund von diesem div ist in Farbe #36B55A.

Grenzfarbe

.myBorderColor { border: 1px solid #36B55A; }

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

Die Grenzen von diesem div sind in Farbe #36B55A.

Transparenz

.myOpacity80 { color: #36B55A; opacity: 0.8; }

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

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

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

Dieser Text hat den Schatten in Farbe #36B55A.

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

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

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

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

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

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

Farbe des Schattens vom div-Element

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

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

Dieses div hat den Schatten in Farbe #36B55A.

Beispiele

Farbenbeispiel auf dem schwarzen Hintergrund

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

Farbenbeispiel auf dem weißen Hintergrund

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

Beispiel eines schwarzen Textes auf dem Hintergrund in Farbe #36B55A

Dieser Text ist schwarz auf dem Hintergrund in Farbe #36B55A.

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

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

FARBE #36B55A