Gold Masks

Palette mit 7 Farben · Warm · Gemischt · Harmonie: Monochrom

Zurück zur Bibliothek

Gold Masks

Palette mit 7 Farben · Temperatur: Warm · Ton: Gemischt · Harmonie: Monochrom

Bearbeiten

Lebendig 7 Farben Warm Gemischt Monochrom pixelart orange warm yellow

Likes 33

Farben 7

CSS-Variablen

:root {
  --c-vibrant-1: #2A0F00;
  --c-vibrant-2: #4A1C00;
  --c-vibrant-3: #7A2D00;
  --c-vibrant-4: #B84300;
  --c-vibrant-5: #F2600A;
  --c-vibrant-6: #FF9A3D;
  --c-vibrant-7: #FFE0C2;
}

Über diese Palette

Diese lebendige Palette mit 7 Farben reicht vom hellsten Ton Sand Muffin (#FFE0C2) bis zum dunkelsten Ton Root Brew (#2A0F00). Sie vereint Root Brew, Chrysophobia, Bay Brown, Bolognese, Honey Teriyaki, Kumquat und Sand Muffin in einem Set, das du direkt in deine Benutzeroberfläche übernehmen kannst. Farbpaare in der Palette: 21. Davon erreichen 7 die WCAG-AA-Kontrastschwelle (4,5:1) für Fließtext – am stärksten ist #2A0F00 auf #FFE0C2 mit 14,31:1.

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

Farben im Detail

Root Brew #2A0F00

RGB: rgb(42, 15, 0)
HSL: hsl(21, 100%, 8%)
Luminanz: 0,008

Chrysophobia #4A1C00

RGB: rgb(74, 28, 0)
HSL: hsl(23, 100%, 15%)
Luminanz: 0,023

Bay Brown #7A2D00

RGB: rgb(122, 45, 0)
HSL: hsl(22, 100%, 24%)
Luminanz: 0,060

Bolognese #B84300

RGB: rgb(184, 67, 0)
HSL: hsl(22, 100%, 36%)
Luminanz: 0,142

Honey Teriyaki #F2600A

RGB: rgb(242, 96, 10)
HSL: hsl(22, 92%, 49%)
Luminanz: 0,273

Kumquat #FF9A3D

RGB: rgb(255, 154, 61)
HSL: hsl(29, 100%, 62%)
Luminanz: 0,447

Sand Muffin #FFE0C2

RGB: rgb(255, 224, 194)
HSL: hsl(30, 100%, 88%)
Luminanz: 0,785

Kontrast & Barrierefreiheit

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

Aa #2A0F00 auf #FFE0C2 14,31:1 AAA

Aa #4A1C00 auf #FFE0C2 11,46:1 AAA

Aa #2A0F00 auf #FF9A3D 8,52:1 AAA

Aa #7A2D00 auf #FFE0C2 7,58:1 AAA

Aa #4A1C00 auf #FF9A3D 6,82:1 AA

Aa #2A0F00 auf #F2600A 5,53:1 AA

Aa #7A2D00 auf #FF9A3D 4,51:1 AA

Aa #4A1C00 auf #F2600A 4,43:1 AA (großer Text)

Aa #B84300 auf #FFE0C2 4,35:1 AA (großer Text)

Aa #2A0F00 auf #B84300 3,29:1 AA (großer Text)

Aa #7A2D00 auf #F2600A 2,93:1 Nicht bestanden

Aa #4A1C00 auf #B84300 2,64:1 Nicht bestanden

Aa #B84300 auf #FF9A3D 2,59:1 Nicht bestanden

Aa #F2600A auf #FFE0C2 2,59:1 Nicht bestanden

Aa #2A0F00 auf #7A2D00 1,89:1 Nicht bestanden

Aa #7A2D00 auf #B84300 1,74:1 Nicht bestanden

Aa #B84300 auf #F2600A 1,68:1 Nicht bestanden

Aa #FF9A3D auf #FFE0C2 1,68:1 Nicht bestanden

Aa #F2600A auf #FF9A3D 1,54:1 Nicht bestanden

Aa #4A1C00 auf #7A2D00 1,51:1 Nicht bestanden

Aa #2A0F00 auf #4A1C00 1,25:1 Nicht bestanden

Gold Masks

Gold Masks

CSS-Variablen

Über diese Palette

Farben im Detail

Kontrast & Barrierefreiheit

Ähnliche Paletten

Schriftarten

Icons & SVG

Farben

Bilder

CSS-Tools

Entwicklung

Dokumentation

Unternehmen