Registrieren Registrieren
Autumn Fire 12

Autumn Fire 12

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

Zurück zur Bibliothek

Autumn Fire 12

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

Bearbeiten
Lebendig 12 Farben Warm Dunkel Monochrom fall red warm autumn
Likes 70
Farben 12

CSS-Variablen

:root {
  --c-vibrant-1: #5E0808;
  --c-vibrant-2: #8F1313;
  --c-vibrant-3: #D93838;
  --c-vibrant-4: #290C07;
  --c-vibrant-5: #4D1912;
  --c-vibrant-6: #753128;
  --c-vibrant-7: #9C2700;
  --c-vibrant-8: #D1491B;
  --c-vibrant-9: #F76C3E;
  --c-vibrant-10: #5C282E;
  --c-vibrant-11: #8F4F56;
  --c-vibrant-12: #BD777F;
}

Über diese Palette

Diese lebendige Palette mit 12 Farben reicht vom hellsten Ton Chinese Orange (#F76C3E) bis zum dunkelsten Ton Root Brew (#290C07). Sie vereint Vampire Hunter, Jack and Coke, Jasper, Root Brew, Barbecue Sauce, Brandy Brown, Smoking Red, Underpass Shrine, Chinese Orange, Kuwazome Red, Rialto und Rosily in einem Set, das du direkt in deine Benutzeroberfläche übernehmen kannst. Farbpaare in der Palette: 66. Davon erreichen 4 die WCAG-AA-Kontrastschwelle (4,5:1) für Fließtext – am stärksten ist #290C07 auf #F76C3E mit 6,23:1.

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

Farben im Detail

Vampire Hunter #5E0808
RGB
rgb(94, 8, 8)
HSL
hsl(0, 84%, 20%)
Luminanz
0,026
Jack and Coke #8F1313
RGB
rgb(143, 19, 19)
HSL
hsl(0, 77%, 32%)
Luminanz
0,064
Jasper #D93838
RGB
rgb(217, 56, 56)
HSL
hsl(0, 68%, 54%)
Luminanz
0,179
Root Brew #290C07
RGB
rgb(41, 12, 7)
HSL
hsl(9, 71%, 9%)
Luminanz
0,008
Barbecue Sauce #4D1912
RGB
rgb(77, 25, 18)
HSL
hsl(7, 62%, 19%)
Luminanz
0,023
Brandy Brown #753128
RGB
rgb(117, 49, 40)
HSL
hsl(7, 49%, 31%)
Luminanz
0,061
Smoking Red #9C2700
RGB
rgb(156, 39, 0)
HSL
hsl(15, 100%, 31%)
Luminanz
0,085
Underpass Shrine #D1491B
RGB
rgb(209, 73, 27)
HSL
hsl(15, 77%, 46%)
Luminanz
0,184
Chinese Orange #F76C3E
RGB
rgb(247, 108, 62)
HSL
hsl(15, 92%, 61%)
Luminanz
0,309
Kuwazome Red #5C282E
RGB
rgb(92, 40, 46)
HSL
hsl(353, 39%, 26%)
Luminanz
0,040
Rialto #8F4F56
RGB
rgb(143, 79, 86)
HSL
hsl(353, 29%, 44%)
Luminanz
0,121
Rosily #BD777F
RGB
rgb(189, 119, 127)
HSL
hsl(353, 35%, 60%)
Luminanz
0,255

Kontrast & Barrierefreiheit

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

Aa #290C07 auf #F76C3E 6,23:1 AA
Aa #290C07 auf #BD777F 5,31:1 AA
Aa #4D1912 auf #F76C3E 4,90:1 AA
Aa #5E0808 auf #F76C3E 4,73:1 AA
Aa #4D1912 auf #BD777F 4,17:1 AA (großer Text)
Aa #290C07 auf #D1491B 4,07:1 AA (großer Text)
Aa #5E0808 auf #BD777F 4,03:1 AA (großer Text)
Aa #F76C3E auf #5C282E 3,99:1 AA (großer Text)
Aa #D93838 auf #290C07 3,98:1 AA (großer Text)
Aa #5C282E auf #BD777F 3,40:1 AA (großer Text)
Aa #753128 auf #F76C3E 3,22:1 AA (großer Text)
Aa #4D1912 auf #D1491B 3,20:1 AA (großer Text)
Aa #8F1313 auf #F76C3E 3,16:1 AA (großer Text)
Aa #D93838 auf #4D1912 3,13:1 AA (großer Text)
Aa #5E0808 auf #D1491B 3,09:1 AA (großer Text)
Aa #5E0808 auf #D93838 3,02:1 AA (großer Text)
Aa #290C07 auf #8F4F56 2,97:1 Nicht bestanden
Aa #753128 auf #BD777F 2,74:1 Nicht bestanden
Aa #8F1313 auf #BD777F 2,69:1 Nicht bestanden
Aa #9C2700 auf #F76C3E 2,65:1 Nicht bestanden
Aa #D1491B auf #5C282E 2,60:1 Nicht bestanden
Aa #D93838 auf #5C282E 2,54:1 Nicht bestanden
Aa #290C07 auf #9C2700 2,35:1 Nicht bestanden
Aa #4D1912 auf #8F4F56 2,34:1 Nicht bestanden
Aa #5E0808 auf #8F4F56 2,26:1 Nicht bestanden
Aa #9C2700 auf #BD777F 2,26:1 Nicht bestanden
Aa #753128 auf #D1491B 2,10:1 Nicht bestanden
Aa #F76C3E auf #8F4F56 2,10:1 Nicht bestanden
Aa #8F1313 auf #D1491B 2,06:1 Nicht bestanden
Aa #D93838 auf #753128 2,05:1 Nicht bestanden
Aa #8F1313 auf #D93838 2,01:1 Nicht bestanden
Aa #8F1313 auf #290C07 1,97:1 Nicht bestanden
Aa #290C07 auf #753128 1,94:1 Nicht bestanden
Aa #5C282E auf #8F4F56 1,90:1 Nicht bestanden
Aa #4D1912 auf #9C2700 1,85:1 Nicht bestanden
Aa #5E0808 auf #9C2700 1,79:1 Nicht bestanden
Aa #8F4F56 auf #BD777F 1,79:1 Nicht bestanden
Aa #9C2700 auf #D1491B 1,73:1 Nicht bestanden
Aa #D93838 auf #9C2700 1,69:1 Nicht bestanden
Aa #D93838 auf #F76C3E 1,57:1 Nicht bestanden
Aa #290C07 auf #5C282E 1,56:1 Nicht bestanden
Aa #8F1313 auf #4D1912 1,55:1 Nicht bestanden
Aa #753128 auf #8F4F56 1,54:1 Nicht bestanden
Aa #D1491B auf #F76C3E 1,53:1 Nicht bestanden
Aa #4D1912 auf #753128 1,52:1 Nicht bestanden
Aa #8F1313 auf #8F4F56 1,51:1 Nicht bestanden
Aa #5E0808 auf #8F1313 1,50:1 Nicht bestanden
Aa #9C2700 auf #5C282E 1,50:1 Nicht bestanden
Aa #5E0808 auf #753128 1,47:1 Nicht bestanden
Aa #D1491B auf #8F4F56 1,37:1 Nicht bestanden
Aa #D93838 auf #8F4F56 1,34:1 Nicht bestanden
Aa #D93838 auf #BD777F 1,34:1 Nicht bestanden
Aa #5E0808 auf #290C07 1,32:1 Nicht bestanden
Aa #D1491B auf #BD777F 1,31:1 Nicht bestanden
Aa #290C07 auf #4D1912 1,27:1 Nicht bestanden
Aa #9C2700 auf #8F4F56 1,27:1 Nicht bestanden
Aa #8F1313 auf #5C282E 1,26:1 Nicht bestanden
Aa #753128 auf #5C282E 1,24:1 Nicht bestanden
Aa #4D1912 auf #5C282E 1,23:1 Nicht bestanden
Aa #753128 auf #9C2700 1,21:1 Nicht bestanden
Aa #5E0808 auf #5C282E 1,19:1 Nicht bestanden
Aa #8F1313 auf #9C2700 1,19:1 Nicht bestanden
Aa #F76C3E auf #BD777F 1,17:1 Nicht bestanden
Aa #5E0808 auf #4D1912 1,03:1 Nicht bestanden
Aa #8F1313 auf #753128 1,02:1 Nicht bestanden
Aa #D93838 auf #D1491B 1,02: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