Carver6

Palette mit 6 Farben · Warm · Dunkel · Harmonie: Monochrom

Zurück zur Bibliothek

Carver6

Palette mit 6 Farben · Temperatur: Warm · Ton: Dunkel · Harmonie: Monochrom

Bearbeiten

Lebendig 6 Farben Warm Dunkel Monochrom night dark gothic halloween

Likes 89

Farben 6

CSS-Variablen

:root {
  --c-vibrant-1: #000000;
  --c-vibrant-2: #402E20;
  --c-vibrant-3: #815B3F;
  --c-vibrant-4: #FFB77D;
  --c-vibrant-5: #FF5900;
  --c-vibrant-6: #892D00;
}

Über diese Palette

Diese lebendige Palette mit 6 Farben reicht vom hellsten Ton Go Go Mango (#FFB77D) bis zum dunkelsten Ton Black (#000000). Sie vereint Black, Morocco Brown, Jute Brown, Go Go Mango, Molten Core und Coffee Addiction in einem Set, das du direkt in deine Benutzeroberfläche übernehmen kannst. Farbpaare in der Palette: 15. Davon erreichen 4 die WCAG-AA-Kontrastschwelle (4,5:1) für Fließtext – am stärksten ist #000000 auf #FFB77D mit 12,32:1.

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

Farben im Detail

Black #000000

RGB: rgb(0, 0, 0)
HSL: hsl(0, 0%, 0%)
Luminanz: 0,000

Morocco Brown #402E20

RGB: rgb(64, 46, 32)
HSL: hsl(26, 33%, 19%)
Luminanz: 0,032

Jute Brown #815B3F

RGB: rgb(129, 91, 63)
HSL: hsl(25, 34%, 38%)
Luminanz: 0,125

Go Go Mango #FFB77D

RGB: rgb(255, 183, 125)
HSL: hsl(27, 100%, 75%)
Luminanz: 0,566

Molten Core #FF5900

RGB: rgb(255, 89, 0)
HSL: hsl(21, 100%, 50%)
Luminanz: 0,284

Coffee Addiction #892D00

RGB: rgb(137, 45, 0)
HSL: hsl(20, 100%, 27%)
Luminanz: 0,072

Kontrast & Barrierefreiheit

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

Aa #000000 auf #FFB77D 12,32:1 AAA

Aa #402E20 auf #FFB77D 7,56:1 AAA

Aa #000000 auf #FF5900 6,68:1 AA

Aa #FFB77D auf #892D00 5,05:1 AA

Aa #402E20 auf #FF5900 4,10:1 AA (großer Text)

Aa #815B3F auf #FFB77D 3,52:1 AA (großer Text)

Aa #000000 auf #815B3F 3,50:1 AA (großer Text)

Aa #FF5900 auf #892D00 2,74:1 Nicht bestanden

Aa #000000 auf #892D00 2,44:1 Nicht bestanden

Aa #402E20 auf #815B3F 2,15:1 Nicht bestanden

Aa #815B3F auf #FF5900 1,91:1 Nicht bestanden

Aa #FFB77D auf #FF5900 1,84:1 Nicht bestanden

Aa #000000 auf #402E20 1,63:1 Nicht bestanden

Aa #402E20 auf #892D00 1,50:1 Nicht bestanden

Aa #815B3F auf #892D00 1,44:1 Nicht bestanden

Carver6

Carver6

CSS-Variablen

Über diese Palette

Farben im Detail

Kontrast & Barrierefreiheit

Ähnliche Paletten

Schriftarten

Icons & SVG

Farben

Bilder

CSS-Tools

Entwicklung

Dokumentation

Unternehmen