FARBE #ED6303

HEX: #ED6303
RGB: (237,99,3)

Farbeninformationen

#ED6303 enthält hauptsächlich rote Farbe. Für #ED6303 ist eine «websichere» Webfarbe #FF6600 (oder kurz #F60).

Farbmodelle RGB

Die Farbe #ED6303 wird in RGB als (237,99,3) definiert.

  • Rot hat einen Wert von 237;
  • Grün hat einen Wert von 99;
  • Blau hat einen Wert von 3.
RGB:
(237,99,3)
(93%,39%,1%)

Kanäle in RGB und Sättigung

R 237 von 255 = 93%
G 99 von 255 = 39%
B 3 von 255 = 1%

237
99
3

R + G + B ~ 44%. #ED6303 mittlere Farbe (nicht dunkel und nicht hell).

Farbverhältnis in prozentualer Angabe

R + G + B =
237 + 99 + 3 = 339 (100%)
R 237 von 339 ~ 69.91%
G 99 von 339 ~ 29.2%
B 3 von 339 ~ 0.88%

%69.91
%29.2

Farbmodell CMYK

Die Farbe #ED6303 wird in CMYK als (0,58,99,7) definiert.

  • Cyan hat einen Wert von 0.00%
  • Magenta hat einen Wert von 58.23%
  • Gelb hat einen Wert von 98.73%
  • Schlüsselfarbe hat einen Wert von 7.06%
CMYK:
(0,58,99,7)
C0M58Y99K7 
(0%,58%,99%,7%)
(0.00/0.58/0.99/0.07)	

CMYK-Kanäle in Prozent

%0
%58.23
%98.73
%7.06

Farbcodes

Farbe #ED6303 in den populären Farbmodellen.

ED6303
RGB237993
HSL25°97.50%47.06%
HSB/HSV25°98.73%92.94%
CMYK0.00%58.23%98.73%
7.06%

Die Farbe #ED6303 in den populären Zahlensystemen.

HexadezimalED6303
Dezimal237993
Binär11101101110001111
Oktal3551433

Farbtöne

Dunkle Töne der Farbe #ED6303

#ED6303
(237,99,3)
#D85A03
(216,90,3)
#C35103
(195,81,3)
#AE4803
(174,72,3)
#993F03
(153,63,3)
#843603
(132,54,3)
#6F2D03
(111,45,3)
#5A2403
(90,36,3)
#451B03
(69,27,3)
#301203
(48,18,3)
#1B0903
(27,9,3)
#000000
(0,0,0)

Helle Töne der Farbe #ED6303

#ED6303
(237,99,3)
#EE7119
(238,113,25)
#EF7F2F
(239,127,47)
#F08D45
(240,141,69)
#F19B5B
(241,155,91)
#F2A971
(242,169,113)
#F3B787
(243,183,135)
#F4C59D
(244,197,157)
#F5D3B3
(245,211,179)
#F6E1C9
(246,225,201)
#F7EFDF
(247,239,223)
#FFFFFF
(255,255,255)

CSS3-Stile

Beispiele css- und html für Elemente in der Farbe #ED6303. Bitte benutzen Sie auch rgb(237,99,3) statt hex-Code.

Textfarbe

.myTextColor { color: #ED6303; }

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

Die Farbe dieses Textes ist #ED6303.


Hintergrundfarbe

.myBgColor { background-color: #ED6303; }

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

Der Hintergrund von diesem div ist in Farbe #ED6303.


Grenzfarbe

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

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

Die Grenzen von diesem div sind in Farbe #ED6303.


Transparenz

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

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

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

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

Dieser Text hat den Schatten in Farbe #ED6303.

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

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

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


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

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

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


Farbe des Schattens vom div-Element

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

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

Beispiele

Farbenbeispiel auf dem schwarzen Hintergrund

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


Farbenbeispiel auf dem weißen Hintergrund

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



Beispiel eines schwarzen Textes auf dem Hintergrund in Farbe #ED6303

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


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

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