FARBE #FA6C1F

HEX: #FA6C1F
RGB: (250,108,31)

Farbeninformationen

#FA6C1F enthält hauptsächlich rote Farbe. Für #FA6C1F ist eine «websichere» Webfarbe #FF6633 (oder kurz #F63).

Farbmodelle RGB

Die Farbe #FA6C1F wird in RGB als (250,108,31) definiert.

  • Rot hat einen Wert von 250;
  • Grün hat einen Wert von 108;
  • Blau hat einen Wert von 31.
RGB:
(250,108,31)
(98%,42%,12%)

Kanäle in RGB und Sättigung

R 250 von 255 = 98%
G 108 von 255 = 42%
B 31 von 255 = 12%

250
108
31

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

Farbverhältnis in prozentualer Angabe

R + G + B =
250 + 108 + 31 = 389 (100%)
R 250 von 389 ~ 64.27%
G 108 von 389 ~ 27.76%
B 31 von 389 ~ 7.97%

%64.27
%27.76

Farbmodell CMYK

Die Farbe #FA6C1F wird in CMYK als (0,57,88,2) definiert.

  • Cyan hat einen Wert von 0.00%
  • Magenta hat einen Wert von 56.80%
  • Gelb hat einen Wert von 87.60%
  • Schlüsselfarbe hat einen Wert von 1.96%
CMYK:
(0,57,88,2)
C0M57Y88K2 
(0%,57%,88%,2%)
(0.00/0.57/0.88/0.02)	

CMYK-Kanäle in Prozent

%0
%56.8
%87.6
%1.96

Farbcodes

Farbe #FA6C1F in den populären Farbmodellen.

FA6C1F
RGB25010831
HSL21°95.63%55.10%
HSB/HSV21°87.60%98.04%
CMYK0.00%56.80%87.60%
1.96%

Die Farbe #FA6C1F in den populären Zahlensystemen.

HexadezimalFA6C1F
Dezimal25010831
Binär11111010110110011111
Oktal37215437

Farbtöne

Dunkle Töne der Farbe #FA6C1F

#FA6C1F
(250,108,31)
#E4631D
(228,99,29)
#CE5A1B
(206,90,27)
#B85119
(184,81,25)
#A24817
(162,72,23)
#8C3F15
(140,63,21)
#763613
(118,54,19)
#602D11
(96,45,17)
#4A240F
(74,36,15)
#341B0D
(52,27,13)
#1E120B
(30,18,11)
#000000
(0,0,0)

Helle Töne der Farbe #FA6C1F

#FA6C1F
(250,108,31)
#FA7933
(250,121,51)
#FA8647
(250,134,71)
#FA935B
(250,147,91)
#FAA06F
(250,160,111)
#FAAD83
(250,173,131)
#FABA97
(250,186,151)
#FAC7AB
(250,199,171)
#FAD4BF
(250,212,191)
#FAE1D3
(250,225,211)
#FAEEE7
(250,238,231)
#FFFFFF
(255,255,255)

CSS3-Stile

Beispiele css- und html für Elemente in der Farbe #FA6C1F. Bitte benutzen Sie auch rgb(250,108,31) statt hex-Code.

Textfarbe

.myTextColor { color: #FA6C1F; }

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

Die Farbe dieses Textes ist #FA6C1F.


Hintergrundfarbe

.myBgColor { background-color: #FA6C1F; }

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

Der Hintergrund von diesem div ist in Farbe #FA6C1F.


Grenzfarbe

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

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

Die Grenzen von diesem div sind in Farbe #FA6C1F.


Transparenz

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

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

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

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

Dieser Text hat den Schatten in Farbe #FA6C1F.

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

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

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


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

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

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


Farbe des Schattens vom div-Element

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

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

Beispiele

Farbenbeispiel auf dem schwarzen Hintergrund

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


Farbenbeispiel auf dem weißen Hintergrund

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



Beispiel eines schwarzen Textes auf dem Hintergrund in Farbe #FA6C1F

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


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

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