FARBE #60C229

HEX: #60C229
RGB: (96,194,41)

Farbeninformationen

#60C229 enthält hauptsächlich grüne Farbe. Für #60C229 ist eine «websichere» Webfarbe #66CC33 (oder kurz #6C3).

Farbmodelle RGB

Die Farbe #60C229 wird in RGB als (96,194,41) definiert.

  • Rot hat einen Wert von 96;
  • Grün hat einen Wert von 194;
  • Blau hat einen Wert von 41.
RGB:
(96,194,41)
(38%,76%,16%)

Kanäle in RGB und Sättigung

R 96 von 255 = 38%
G 194 von 255 = 76%
B 41 von 255 = 16%

96
194
41

R + G + B ~ 43%. #60C229 mittlere Farbe (nicht dunkel und nicht hell).

Farbverhältnis in prozentualer Angabe

R + G + B =
96 + 194 + 41 = 331 (100%)
R 96 von 331 ~ 29%
G 194 von 331 ~ 58.61%
B 41 von 331 ~ 12.39%

%29
%58.61
%12.39

Farbmodell CMYK

Die Farbe #60C229 wird in CMYK als (51,0,79,24) definiert.

  • Cyan hat einen Wert von 50.52%
  • Magenta hat einen Wert von 0.00%
  • Gelb hat einen Wert von 78.87%
  • Schlüsselfarbe hat einen Wert von 23.92%
CMYK:
(51,0,79,24)
C51M0Y79K24 
(51%,0%,79%,24%)
(0.51/0.00/0.79/0.24)

CMYK-Kanäle in Prozent

%50.52
%0
%78.87
%23.92

Farbcodes

Farbe #60C229 in den populären Farbmodellen.

60C229
RGB9619441
HSL98°65.11%46.08%
HSB/HSV98°78.87%76.08%
CMYK50.52%0.00%78.87%
23.92%

Die Farbe #60C229 in den populären Zahlensystemen.

Hexadezimal60C229
Dezimal9619441
Binär110000011000010101001
Oktal14030251

Farbtöne

Dunkle Töne der Farbe #60C229

#60C229
(96,194,41)
#58B126
(88,177,38)
#50A023
(80,160,35)
#488F20
(72,143,32)
#407E1D
(64,126,29)
#386D1A
(56,109,26)
#305C17
(48,92,23)
#284B14
(40,75,20)
#203A11
(32,58,17)
#18290E
(24,41,14)
#10180B
(16,24,11)
#000000
(0,0,0)

Helle Töne der Farbe #60C229

#60C229
(96,194,41)
#6EC73C
(110,199,60)
#7CCC4F
(124,204,79)
#8AD162
(138,209,98)
#98D675
(152,214,117)
#A6DB88
(166,219,136)
#B4E09B
(180,224,155)
#C2E5AE
(194,229,174)
#D0EAC1
(208,234,193)
#DEEFD4
(222,239,212)
#ECF4E7
(236,244,231)
#FFFFFF
(255,255,255)

CSS3-Stile

Beispiele css- und html für Elemente in der Farbe #60C229. Bitte benutzen Sie auch rgb(96,194,41) statt hex-Code.

Textfarbe

.myTextColor { color: #60C229; }

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

Die Farbe dieses Textes ist #60C229.


Hintergrundfarbe

.myBgColor { background-color: #60C229; }

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

Der Hintergrund von diesem div ist in Farbe #60C229.


Grenzfarbe

.myBorderColor { border: 1px solid #60C229; }

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

Die Grenzen von diesem div sind in Farbe #60C229.


Transparenz

.myOpacity80 { color: #60C229; opacity: 0.8; }

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

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

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

Dieser Text hat den Schatten in Farbe #60C229.

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

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

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


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

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

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


Farbe des Schattens vom div-Element

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

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

Beispiele

Farbenbeispiel auf dem schwarzen Hintergrund

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


Farbenbeispiel auf dem weißen Hintergrund

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


Beispiel eines schwarzen Textes auf dem Hintergrund in Farbe #60C229

Dieser Text ist schwarz auf dem Hintergrund in Farbe #60C229.


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

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