Calder 8

Palette mit 11 Farben · Warm · Gemischt · Harmonie: Komplementär

Zurück zur Bibliothek

Calder 8

Palette mit 11 Farben · Temperatur: Warm · Ton: Gemischt · Harmonie: Komplementär

Bearbeiten

Lebendig 11 Farben Warm Gemischt Komplementär artist philipdodderidge

Likes 2

Farben 11

CSS-Variablen

:root {
  --c-vibrant-1: #D50407;
  --c-vibrant-2: #EB491D;
  --c-vibrant-3: #FDAA1D;
  --c-vibrant-4: #E2C906;
  --c-vibrant-5: #047937;
  --c-vibrant-6: #08A484;
  --c-vibrant-7: #005FA8;
  --c-vibrant-8: #0C25A5;
  --c-vibrant-9: #2143CB;
  --c-vibrant-10: #751D6B;
  --c-vibrant-11: #807B73;
}

Über diese Palette

Diese lebendige Palette mit 11 Farben reicht vom hellsten Ton Zhohltyi Yellow (#E2C906) bis zum dunkelsten Ton City Hunter Blue (#0C25A5). Sie vereint Hot Fever, Nasturtium Flower, Averland Sunset, Zhohltyi Yellow, Jordan Jazz, Congo Green, Directoire Blue, City Hunter Blue, Blue Blue, Mirage of Violets und Bushland Grey in einem Set, das du direkt in deine Benutzeroberfläche übernehmen kannst. Farbpaare in der Palette: 55. Davon erreichen 5 die WCAG-AA-Kontrastschwelle (4,5:1) für Fließtext – am stärksten ist #E2C906 auf #0C25A5 mit 6,9:1.

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

Farben im Detail

Hot Fever #D50407

RGB: rgb(213, 4, 7)
HSL: hsl(359, 96%, 43%)
Luminanz: 0,143

Nasturtium Flower #EB491D

RGB: rgb(235, 73, 29)
HSL: hsl(13, 84%, 52%)
Luminanz: 0,225

Averland Sunset #FDAA1D

RGB: rgb(253, 170, 29)
HSL: hsl(38, 98%, 55%)
Luminanz: 0,497

Zhohltyi Yellow #E2C906

RGB: rgb(226, 201, 6)
HSL: hsl(53, 95%, 45%)
Luminanz: 0,580

Jordan Jazz #047937

RGB: rgb(4, 121, 55)
HSL: hsl(146, 94%, 25%)
Luminanz: 0,140

Congo Green #08A484

RGB: rgb(8, 164, 132)
HSL: hsl(168, 91%, 34%)
Luminanz: 0,283

Directoire Blue #005FA8

RGB: rgb(0, 95, 168)
HSL: hsl(206, 100%, 33%)
Luminanz: 0,110

City Hunter Blue #0C25A5

RGB: rgb(12, 37, 165)
HSL: hsl(230, 86%, 35%)
Luminanz: 0,041

Blue Blue #2143CB

RGB: rgb(33, 67, 203)
HSL: hsl(228, 72%, 46%)
Luminanz: 0,087

Mirage of Violets #751D6B

RGB: rgb(117, 29, 107)
HSL: hsl(307, 60%, 29%)
Luminanz: 0,057

Bushland Grey #807B73

RGB: rgb(128, 123, 115)
HSL: hsl(37, 5%, 48%)
Luminanz: 0,200

Kontrast & Barrierefreiheit

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

Aa #E2C906 auf #0C25A5 6,90:1 AA

Aa #FDAA1D auf #0C25A5 6,00:1 AA

Aa #E2C906 auf #751D6B 5,87:1 AA

Aa #FDAA1D auf #751D6B 5,10:1 AA

Aa #E2C906 auf #2143CB 4,61:1 AA

Aa #FDAA1D auf #2143CB 4,01:1 AA (großer Text)

Aa #E2C906 auf #005FA8 3,93:1 AA (großer Text)

Aa #08A484 auf #0C25A5 3,65:1 AA (großer Text)

Aa #FDAA1D auf #005FA8 3,42:1 AA (großer Text)

Aa #E2C906 auf #047937 3,32:1 AA (großer Text)

Aa #D50407 auf #E2C906 3,27:1 AA (großer Text)

Aa #08A484 auf #751D6B 3,10:1 AA (großer Text)

Aa #EB491D auf #0C25A5 3,02:1 AA (großer Text)

Aa #FDAA1D auf #047937 2,88:1 Nicht bestanden

Aa #D50407 auf #FDAA1D 2,84:1 Nicht bestanden

Aa #0C25A5 auf #807B73 2,74:1 Nicht bestanden

Aa #EB491D auf #751D6B 2,57:1 Nicht bestanden

Aa #E2C906 auf #807B73 2,52:1 Nicht bestanden

Aa #08A484 auf #2143CB 2,44:1 Nicht bestanden

Aa #751D6B auf #807B73 2,33:1 Nicht bestanden

Aa #EB491D auf #E2C906 2,29:1 Nicht bestanden

Aa #FDAA1D auf #807B73 2,19:1 Nicht bestanden

Aa #D50407 auf #0C25A5 2,11:1 Nicht bestanden

Aa #047937 auf #0C25A5 2,08:1 Nicht bestanden

Aa #08A484 auf #005FA8 2,08:1 Nicht bestanden

Aa #EB491D auf #2143CB 2,02:1 Nicht bestanden

Aa #EB491D auf #FDAA1D 1,99:1 Nicht bestanden

Aa #E2C906 auf #08A484 1,89:1 Nicht bestanden

Aa #2143CB auf #807B73 1,83:1 Nicht bestanden

Aa #D50407 auf #751D6B 1,80:1 Nicht bestanden

Aa #047937 auf #751D6B 1,77:1 Nicht bestanden

Aa #005FA8 auf #0C25A5 1,76:1 Nicht bestanden

Aa #047937 auf #08A484 1,75:1 Nicht bestanden

Aa #D50407 auf #08A484 1,73:1 Nicht bestanden

Aa #EB491D auf #005FA8 1,72:1 Nicht bestanden

Aa #FDAA1D auf #08A484 1,64:1 Nicht bestanden

Aa #005FA8 auf #807B73 1,56:1 Nicht bestanden

Aa #0C25A5 auf #2143CB 1,50:1 Nicht bestanden

Aa #005FA8 auf #751D6B 1,49:1 Nicht bestanden

Aa #EB491D auf #047937 1,45:1 Nicht bestanden

Aa #D50407 auf #EB491D 1,43:1 Nicht bestanden

Aa #D50407 auf #2143CB 1,41:1 Nicht bestanden

Aa #047937 auf #2143CB 1,39:1 Nicht bestanden

Aa #08A484 auf #807B73 1,33:1 Nicht bestanden

Aa #047937 auf #807B73 1,32:1 Nicht bestanden

Aa #D50407 auf #807B73 1,30:1 Nicht bestanden

Aa #2143CB auf #751D6B 1,27:1 Nicht bestanden

Aa #EB491D auf #08A484 1,21:1 Nicht bestanden

Aa #D50407 auf #005FA8 1,20:1 Nicht bestanden

Aa #047937 auf #005FA8 1,19:1 Nicht bestanden

Aa #0C25A5 auf #751D6B 1,18:1 Nicht bestanden

Aa #005FA8 auf #2143CB 1,17:1 Nicht bestanden

Aa #FDAA1D auf #E2C906 1,15:1 Nicht bestanden

Aa #EB491D auf #807B73 1,10:1 Nicht bestanden

Aa #D50407 auf #047937 1,01:1 Nicht bestanden

Calder 8

Calder 8

CSS-Variablen

Über diese Palette

Farben im Detail

Kontrast & Barrierefreiheit

Ähnliche Paletten

Schriftarten

Icons & SVG

Farben

Bilder

CSS-Tools

Entwicklung

Dokumentation

Unternehmen