Registrieren Registrieren
Darkroom

Darkroom

Palette mit 7 Farben · Warm · Dunkel · Harmonie: Analog

Zurück zur Bibliothek

Darkroom

Palette mit 7 Farben · Temperatur: Warm · Ton: Dunkel · Harmonie: Analog

Bearbeiten
Gedeckt 7 Farben Warm Dunkel Analog dark red darkroom photography
Likes 69
Farben 7

CSS-Variablen

:root {
  --c-muted-1: #B00005;
  --c-muted-2: #921315;
  --c-muted-3: #7C1023;
  --c-muted-4: #641224;
  --c-muted-5: #471024;
  --c-muted-6: #2B0B1D;
  --c-muted-7: #000000;
}

Über diese Palette

Diese gedeckte Palette mit 7 Farben reicht vom hellsten Ton All Systems Red (#B00005) bis zum dunkelsten Ton Black (#000000). Sie vereint All Systems Red, Clotted Red, Heavy Heart, Dark Humour, What We Do in the Shadows, Meški Black und Black in einem Set, das du direkt in deine Benutzeroberfläche übernehmen kannst. Keines der 21 Farbpaare der Palette erreicht die WCAG-AA-Kontrastschwelle (4,5:1) – kombiniere diese Farben für Fließtext daher mit Schwarz oder Weiß.

Eine vielseitige Palette für Marketingseiten, Hero-Blöcke von Produkten, Illustrationen und Akzentzustände in der UI.

Farben im Detail

All Systems Red #B00005
RGB
rgb(176, 0, 5)
HSL
hsl(358, 100%, 35%)
Luminanz
0,092
Clotted Red #921315
RGB
rgb(146, 19, 21)
HSL
hsl(359, 77%, 32%)
Luminanz
0,066
Heavy Heart #7C1023
RGB
rgb(124, 16, 35)
HSL
hsl(349, 77%, 27%)
Luminanz
0,048
Dark Humour #641224
RGB
rgb(100, 18, 36)
HSL
hsl(347, 69%, 23%)
Luminanz
0,033
What We Do in the Shadows #471024
RGB
rgb(71, 16, 36)
HSL
hsl(338, 63%, 17%)
Luminanz
0,018
Meški Black #2B0B1D
RGB
rgb(43, 11, 29)
HSL
hsl(326, 59%, 11%)
Luminanz
0,008
Black #000000
RGB
rgb(0, 0, 0)
HSL
hsl(0, 0%, 0%)
Luminanz
0,000

Kontrast & Barrierefreiheit

0 von 21 Farbpaaren erreichen die WCAG-AA-Kontrastschwelle (4,5:1) für Fließtext.

Aa #B00005 auf #000000 2,85:1 Nicht bestanden
Aa #B00005 auf #2B0B1D 2,44:1 Nicht bestanden
Aa #921315 auf #000000 2,33:1 Nicht bestanden
Aa #B00005 auf #471024 2,08:1 Nicht bestanden
Aa #921315 auf #2B0B1D 1,99:1 Nicht bestanden
Aa #7C1023 auf #000000 1,96:1 Nicht bestanden
Aa #B00005 auf #641224 1,72:1 Nicht bestanden
Aa #921315 auf #471024 1,70:1 Nicht bestanden
Aa #7C1023 auf #2B0B1D 1,67:1 Nicht bestanden
Aa #641224 auf #000000 1,65:1 Nicht bestanden
Aa #B00005 auf #7C1023 1,46:1 Nicht bestanden
Aa #7C1023 auf #471024 1,43:1 Nicht bestanden
Aa #641224 auf #2B0B1D 1,42:1 Nicht bestanden
Aa #921315 auf #641224 1,41:1 Nicht bestanden
Aa #471024 auf #000000 1,37:1 Nicht bestanden
Aa #B00005 auf #921315 1,22:1 Nicht bestanden
Aa #641224 auf #471024 1,21:1 Nicht bestanden
Aa #921315 auf #7C1023 1,19:1 Nicht bestanden
Aa #7C1023 auf #641224 1,18:1 Nicht bestanden
Aa #471024 auf #2B0B1D 1,17:1 Nicht bestanden
Aa #2B0B1D auf #000000 1,17:1 Nicht bestanden

Ähnliche Paletten

#000000 #3D0000 #950101 #FF0000
4 Farben
#E23E57 #88304E #522546 #311D3F
4 Farben
#FF204E #A0153E #5D0E41 #00224D
4 Farben
#030637 #3C0753 #720455 #910A67
4 Farben
#1C0A00 #361500 #603601 #CC9544
4 Farben
#252525 #FF0000 #AF0404 #414141
4 Farben
#362222 #171010 #423F3E #2B2B2B
4 Farben
#1A1A1D #3B1C32 #6A1E55 #A64D79
4 Farben