Golden Haze

Palette mit 8 Farben · Warm · Gemischt · Harmonie: Triadisch

Zurück zur Bibliothek

Golden Haze

Palette mit 8 Farben · Temperatur: Warm · Ton: Gemischt · Harmonie: Triadisch

Bearbeiten

Lebendig 8 Farben Warm Gemischt Triadisch gold

Likes 17

Farben 8

CSS-Variablen

:root {
  --c-vibrant-1: #FFF3A5;
  --c-vibrant-2: #F4E063;
  --c-vibrant-3: #DE923A;
  --c-vibrant-4: #A05611;
  --c-vibrant-5: #532B0B;
  --c-vibrant-6: #2D1604;
  --c-vibrant-7: #210D1D;
  --c-vibrant-8: #19002C;
}

Über diese Palette

Diese lebendige Palette mit 8 Farben reicht vom hellsten Ton Firefly Glow (#FFF3A5) bis zum dunkelsten Ton Black Htun (#19002C). Sie vereint Firefly Glow, Goldfinch, Texas Longhorn, Fresh Cinnamon, Brown Study, Shadow Play, Meški Black und Black Htun in einem Set, das du direkt in deine Benutzeroberfläche übernehmen kannst. Farbpaare in der Palette: 28. Davon erreichen 13 die WCAG-AA-Kontrastschwelle (4,5:1) für Fließtext – am stärksten ist #FFF3A5 auf #19002C mit 17,27:1.

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

Farben im Detail

Firefly Glow #FFF3A5

RGB: rgb(255, 243, 165)
HSL: hsl(52, 100%, 82%)
Luminanz: 0,881

Goldfinch #F4E063

RGB: rgb(244, 224, 99)
HSL: hsl(52, 87%, 67%)
Luminanz: 0,735

Texas Longhorn #DE923A

RGB: rgb(222, 146, 58)
HSL: hsl(32, 71%, 55%)
Luminanz: 0,364

Fresh Cinnamon #A05611

RGB: rgb(160, 86, 17)
HSL: hsl(29, 81%, 35%)
Luminanz: 0,142

Brown Study #532B0B

RGB: rgb(83, 43, 11)
HSL: hsl(27, 77%, 18%)
Luminanz: 0,036

Shadow Play #2D1604

RGB: rgb(45, 22, 4)
HSL: hsl(26, 84%, 10%)
Luminanz: 0,011

Meški Black #210D1D

RGB: rgb(33, 13, 29)
HSL: hsl(312, 43%, 9%)
Luminanz: 0,007

Black Htun #19002C

RGB: rgb(25, 0, 44)
HSL: hsl(274, 100%, 9%)
Luminanz: 0,004

Kontrast & Barrierefreiheit

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

Aa #FFF3A5 auf #19002C 17,27:1 AAA

Aa #FFF3A5 auf #210D1D 16,33:1 AAA

Aa #FFF3A5 auf #2D1604 15,16:1 AAA

Aa #F4E063 auf #19002C 14,56:1 AAA

Aa #F4E063 auf #210D1D 13,76:1 AAA

Aa #F4E063 auf #2D1604 12,78:1 AAA

Aa #FFF3A5 auf #532B0B 10,83:1 AAA

Aa #F4E063 auf #532B0B 9,13:1 AAA

Aa #DE923A auf #19002C 7,68:1 AAA

Aa #DE923A auf #210D1D 7,26:1 AAA

Aa #DE923A auf #2D1604 6,74:1 AA

Aa #FFF3A5 auf #A05611 4,86:1 AA

Aa #DE923A auf #532B0B 4,82:1 AA

Aa #F4E063 auf #A05611 4,09:1 AA (großer Text)

Aa #A05611 auf #19002C 3,56:1 AA (großer Text)

Aa #A05611 auf #210D1D 3,36:1 AA (großer Text)

Aa #A05611 auf #2D1604 3,12:1 AA (großer Text)

Aa #FFF3A5 auf #DE923A 2,25:1 Nicht bestanden

Aa #A05611 auf #532B0B 2,23:1 Nicht bestanden

Aa #DE923A auf #A05611 2,16:1 Nicht bestanden

Aa #F4E063 auf #DE923A 1,90:1 Nicht bestanden

Aa #532B0B auf #19002C 1,59:1 Nicht bestanden

Aa #532B0B auf #210D1D 1,51:1 Nicht bestanden

Aa #532B0B auf #2D1604 1,40:1 Nicht bestanden

Aa #FFF3A5 auf #F4E063 1,19:1 Nicht bestanden

Aa #2D1604 auf #19002C 1,14:1 Nicht bestanden

Aa #2D1604 auf #210D1D 1,08:1 Nicht bestanden

Aa #210D1D auf #19002C 1,06:1 Nicht bestanden

Golden Haze

Golden Haze

CSS-Variablen

Über diese Palette

Farben im Detail

Kontrast & Barrierefreiheit

Ähnliche Paletten

Schriftarten

Icons & SVG

Farben

Bilder

CSS-Tools

Entwicklung

Dokumentation

Unternehmen