FARBE #177FFF

HEX: #177FFF
RGB: (23,127,255)

Farbeninformationen

#177FFF enthält hauptsächlich blaue Farbe. Für #177FFF ist eine «websichere» Webfarbe #0066FF (oder kurz #06F).

Farbmodelle RGB

Die Farbe #177FFF wird in RGB als (23,127,255) definiert.

  • Rot hat einen Wert von 23;
  • Grün hat einen Wert von 127;
  • Blau hat einen Wert von 255.
RGB:
(23,127,255)
(9%,50%,100%)

Kanäle in RGB und Sättigung

R 23 von 255 = 9%
G 127 von 255 = 50%
B 255 von 255 = 100%

23
127
255

R + G + B ~ 53%. #177FFF mittlere Farbe (nicht dunkel und nicht hell).

Farbverhältnis in prozentualer Angabe

R + G + B =
23 + 127 + 255 = 405 (100%)
R 23 von 405 ~ 5.68%
G 127 von 405 ~ 31.36%
B 255 von 405 ~ 62.96%

%31.36
%62.96

Farbmodell CMYK

Die Farbe #177FFF wird in CMYK als (91,50,0,0) definiert.

  • Cyan hat einen Wert von 90.98%
  • Magenta hat einen Wert von 50.20%
  • Gelb hat einen Wert von 0.00%
  • Schlüsselfarbe hat einen Wert von 0.00%
CMYK:
(91,50,0,0)
C91M50Y0K0 
(91%,50%,0%,0%)
(0.91/0.50/0.00/0.00)

CMYK-Kanäle in Prozent

%90.98
%50.2
%0
%0

Farbcodes

Farbe #177FFF in den populären Farbmodellen.

177FFF
RGB23127255
HSL213°100.00%54.51%
HSB/HSV213°90.98%100.00%
CMYK90.98%50.20%0.00%
0.00%

Die Farbe #177FFF in den populären Zahlensystemen.

Hexadezimal177FFF
Dezimal23127255
Binär10111111111111111111
Oktal27177377

Farbtöne

Dunkle Töne der Farbe #177FFF

#177FFF
(23,127,255)
#1574E8
(21,116,232)
#1369D1
(19,105,209)
#115EBA
(17,94,186)
#0F53A3
(15,83,163)
#0D488C
(13,72,140)
#0B3D75
(11,61,117)
#09325E
(9,50,94)
#072747
(7,39,71)
#051C30
(5,28,48)
#031119
(3,17,25)
#000000
(0,0,0)

Helle Töne der Farbe #177FFF

#177FFF
(23,127,255)
#2C8AFF
(44,138,255)
#4195FF
(65,149,255)
#56A0FF
(86,160,255)
#6BABFF
(107,171,255)
#80B6FF
(128,182,255)
#95C1FF
(149,193,255)
#AACCFF
(170,204,255)
#BFD7FF
(191,215,255)
#D4E2FF
(212,226,255)
#E9EDFF
(233,237,255)
#FFFFFF
(255,255,255)

CSS3-Stile

Beispiele css- und html für Elemente in der Farbe #177FFF. Bitte benutzen Sie auch rgb(23,127,255) statt hex-Code.

Textfarbe

.myTextColor { color: #177FFF; }

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

Die Farbe dieses Textes ist #177FFF.


Hintergrundfarbe

.myBgColor { background-color: #177FFF; }

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

Der Hintergrund von diesem div ist in Farbe #177FFF.


Grenzfarbe

.myBorderColor { border: 1px solid #177FFF; }

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

Die Grenzen von diesem div sind in Farbe #177FFF.


Transparenz

.myOpacity80 { color: #177FFF; opacity: 0.8; }

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

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

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

Dieser Text hat den Schatten in Farbe #177FFF.

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

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

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


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

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

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


Farbe des Schattens vom div-Element

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

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

Beispiele

Farbenbeispiel auf dem schwarzen Hintergrund

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


Farbenbeispiel auf dem weißen Hintergrund

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


Beispiel eines schwarzen Textes auf dem Hintergrund in Farbe #177FFF

Dieser Text ist schwarz auf dem Hintergrund in Farbe #177FFF.


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

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