#77ab56
Asparagus
ReadyTools-Datenbank (Exakt)
Chelsea Cucumber
~98% match
Farbformate
RGB
rgb(119, 171, 86)
Rot-, Grün- und Blau-Komponenten
HSL
hsl(97, 34%, 50%)
Farbton, Sättigung, Helligkeit
CMYK
cmyk(30, 0, 50, 33)
Druckfarbcodierung
Luminance
0.337
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)
#77ab56
#8a56ab
Analog (Benachbart)
#a2ab56
#77ab56
#56ab60
Triadisch (Dreieck)
#77ab56
#5677ab
#ab5677
Split-Komplementär
#77ab56
#5f56ab
#ab56a2
Vollständige Konvertierungstabelle
HEX
#77AB56
RGB
rgb(119,171,86)
RGBA
rgba(119,171,86, 1)
HSL
hsl(96.71,33.6%,50.39%)
OKLCH (Modernes CSS)
oklch(0.68 0.13 134.5)
CSS Variable
--color: #77ab56;
CMYK
C: 30% M: 0% Y: 50% K: 33%
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
0xFF77AB56
Swift UIColor
UIColor(red: 0.47, green: 0.67, blue: 0.34, alpha: 1.0)
Dezimal (Int)
7842646
JSON
{ "color": "#77AB56" }
CIE LAB
L: 64.7 a: -32.6 b: 38.1
CIE LCH
L: 64.7 C: 50.2 H: 130.6
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.71
Kleiner Text (14pt)
The quick brown fox jumps over...
AA
AAA
Großer Text / UI (18pt Bold)
AA
AAA
Auf schwarzem Hintergrund
7.74
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
52%
46%
2%
RYB PIGMENTS
Cadmiumgelb
Pigment
52%
Ultramarinblau
Pigment
46%
Titanweiß
Pigment
2%
Im Gegensatz zu Licht werden Farben beim Mischen von Pigmenten dunkler. Diese Simulation ahmt das Verhalten physischer Pigmente nach.
INK LEVELS
50%
P
33%
KEY
30%
CYAN
CMYK INKS
Gelb
Ink
50%
Schwarz (Key)
Ink
33%
Cyan
Ink
30%
Physikalische Eigenschaften
Wahrnehmungs- und lichtbezogene Eigenschaften, die aus der digitalen Farbe berechnet werden.
Spektraler Bezug
Grüner Farbton
495–570 nm • nächstliegender Bereich des sichtbaren Spektrums
750 nm
380 nm
Visuelle Temperatur
Warm
Wahrnehmungsbasierte Einordnung zwischen warm und kühl. Kelvin ist auf eine beliebige Oberflächenfarbe nicht anwendbar.
Kalt
Neutral
Warm
Luminanz (Helligkeit)
33.7%
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.