#57a1ce
Sub-Zero
ReadyTools-Datenbank (Exakt)
Shakespeare
~95% match
Farbformate
RGB
rgb(87, 161, 206)
Rot-, Grün- und Blau-Komponenten
HSL
hsl(203, 55%, 57%)
Farbton, Sättigung, Helligkeit
CMYK
cmyk(58, 22, 0, 19)
Druckfarbcodierung
Luminance
0.320
Relative Luminanz
Variationen
Schattierungen (Abdunkeln)
Tönungen (Aufhellen)
Töne (Sättigung reduzieren)
Harmonien
Klicke auf die Farbsegmente, um den Code zu kopieren.
Komplementär (Gegensatz)
#57a1ce
#ce8457
Analog (Benachbart)
#57cec0
#57a1ce
#5765ce
Triadisch (Dreieck)
#57a1ce
#ce57a1
#a1ce57
Split-Komplementär
#57a1ce
#ce5765
#cebf57
Vollständige Konvertierungstabelle
HEX
#57A1CE
RGB
rgb(87,161,206)
RGBA
rgba(87,161,206, 1)
HSL
hsl(202.69,54.84%,57.45%)
OKLCH (Modernes CSS)
oklch(0.68 0.10 237.4)
CSS Variable
--color: #57a1ce;
CMYK
C: 58% M: 22% Y: 0% K: 19%
Hinweis: Die Umwandlung von Web- (RGB-) Farben in Druck- (CMYK-) Farben ist aufgrund physikalischer Grenzen niemals zu 100 Prozent exakt. Fordere vor dem Druck immer einen Probedruck an.
Android ARGB
0xFF57A1CE
Swift UIColor
UIColor(red: 0.34, green: 0.63, blue: 0.81, alpha: 1.0)
Dezimal (Int)
5743054
JSON
{ "color": "#57A1CE" }
CIE LAB
L: 63.3 a: -9.9 b: -30.0
CIE LCH
L: 63.3 C: 31.6 H: 251.7
CIE XYZ
N/A
Vorschau
Lesbarkeit & Typografie
Überschriftentest
Dieser Text demonstriert das Leseerlebnis auf diesem Hintergrund.
Überschriftentest
Dieser Text demonstriert das Leseerlebnis auf diesem Hintergrund.
UI-Komponenten-Set
Dies ist eine Beispiel-Benachrichtigungsleiste mit der gewählten Farbe.
Produkt-Mockup
4582 •••• •••• 9018
KARTENINHABER
JOHN DOE
GÜLTIG
12/28
Mobile Anwendung
Kundensupport
Hallo! Wie können wir dir heute helfen?
Ich liebe diese neue Farbe! 😍
Datenvisualisierung
Wöchentliches Wachstum
+1.240
12.5%1D
1W
1M
WED
2,450
Kontrast
Kontrast und Lesbarkeit (WCAG)
Auf weißem Hintergrund
2.84
Kleiner Text (14pt)
The quick brown fox jumps over...
AA
AAA
Großer Text / UI (18pt Bold)
AA
AAA
Auf schwarzem Hintergrund
7.39
Kleiner Text (14pt)
The quick brown fox jumps over...
AA
AAA
Großer Text / UI (18pt Bold)
AA
AAA
Farbenblindheits-Simulator
ORIG
SIM
Protanopie (Rot)
ORIG
SIM
Deuteranopie (Grün)
ORIG
SIM
Tritanopie (Blau)
ORIG
SIM
Monochrom (Farbenblind)
Mischanleitung
So kannst du diese Farbe mit physischen Farben oder Drucktinten mischen.
MIXING PALETTE
64%
24%
12%
RYB PIGMENTS
Ultramarinblau
Pigment
64%
Titanweiß
Pigment
24%
Cadmiumgelb
Pigment
12%
Im Gegensatz zu Licht werden Farben beim Mischen von Pigmenten dunkler. Diese Simulation ahmt das Verhalten physischer Pigmente nach.
INK LEVELS
58%
CYAN
22%
MAGENTA
19%
KEY
CMYK INKS
Cyan
Ink
58%
Magenta
Ink
22%
Schwarz (Key)
Ink
19%
Physikalische Eigenschaften
Wahrnehmungs- und lichtbezogene Eigenschaften, die aus der digitalen Farbe berechnet werden.
Spektraler Bezug
Blauer Farbton
450–495 nm • nächstliegender Bereich des sichtbaren Spektrums
750 nm
380 nm
Visuelle Temperatur
Kalt
Wahrnehmungsbasierte Einordnung zwischen warm und kühl. Kelvin ist auf eine beliebige Oberflächenfarbe nicht anwendbar.
Kalt
Neutral
Warm
Luminanz (Helligkeit)
32.0%
Dunkel • relative Luminanz
0%
50%
100%
Eine RGB-Farbe entsteht durch die Kombination mehrerer Lichtanteile des Displays. Der Bereich ist daher ein visueller Vergleich und keine exakte physikalische Wellenlänge.
Verlaufsgalerie
Erstellung von Premium-CSS-Hintergründen und Texturen aus deiner Farbe.
Ähnliche und verwandte Farben
Mathematisch berechnete Harmonien, Schattierungen und ähnliche Töne für diese Farbe.