Startseite Farbpaletten R/place 2023 Day 1 U/Jertopia R/OnePiece

R/place 2023 Day 1 U/Jertopia R/OnePiece

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

Zurück zur Bibliothek

R/place 2023 Day 1 U/Jertopia R/OnePiece

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

Bearbeiten

Lebendig 8 Farben Warm Gemischt Komplementär place rplace reddit

Likes 5

Farben 8

CSS-Variablen

:root {
  --c-vibrant-1: #FF4500;
  --c-vibrant-2: #FFA800;
  --c-vibrant-3: #FFD635;
  --c-vibrant-4: #01A268;
  --c-vibrant-5: #3690EA;
  --c-vibrant-6: #B449C0;
  --c-vibrant-7: #000000;
  --c-vibrant-8: #FFFFFF;
}

Über diese Palette

Diese lebendige Palette mit 8 Farben reicht vom hellsten Ton White (#FFFFFF) bis zum dunkelsten Ton Black (#000000). Sie vereint Red Dit, Chrome Yellow, Flirtatious, Emerald Light Green, Bleu de France, Ultraviolet Cryner, Black und White in einem Set, das du direkt in deine Benutzeroberfläche übernehmen kannst. Farbpaare in der Palette: 28. Davon erreichen 8 die WCAG-AA-Kontrastschwelle (4,5:1) für Fließtext – am stärksten ist #000000 auf #FFFFFF mit 21:1.

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

Farben im Detail

Red Dit #FF4500

RGB: rgb(255, 69, 0)
HSL: hsl(16, 100%, 50%)
Luminanz: 0,255

Chrome Yellow #FFA800

RGB: rgb(255, 168, 0)
HSL: hsl(40, 100%, 50%)
Luminanz: 0,493

Flirtatious #FFD635

RGB: rgb(255, 214, 53)
HSL: hsl(48, 100%, 60%)
Luminanz: 0,696

Emerald Light Green #01A268

RGB: rgb(1, 162, 104)
HSL: hsl(158, 99%, 32%)
Luminanz: 0,269

Bleu de France #3690EA

RGB: rgb(54, 144, 234)
HSL: hsl(210, 81%, 56%)
Luminanz: 0,267

Ultraviolet Cryner #B449C0

RGB: rgb(180, 73, 192)
HSL: hsl(294, 49%, 52%)
Luminanz: 0,183

Black #000000

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

White #FFFFFF

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

Kontrast & Barrierefreiheit

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

Aa #000000 auf #FFFFFF 21,00:1 AAA

Aa #FFD635 auf #000000 14,92:1 AAA

Aa #FFA800 auf #000000 10,85:1 AAA

Aa #01A268 auf #000000 6,37:1 AA

Aa #3690EA auf #000000 6,33:1 AA

Aa #FF4500 auf #000000 6,10:1 AA

Aa #B449C0 auf #000000 4,65:1 AA

Aa #B449C0 auf #FFFFFF 4,51:1 AA

Aa #FF4500 auf #FFFFFF 3,44:1 AA (großer Text)

Aa #3690EA auf #FFFFFF 3,32:1 AA (großer Text)

Aa #01A268 auf #FFFFFF 3,30:1 AA (großer Text)

Aa #FFD635 auf #B449C0 3,21:1 AA (großer Text)

Aa #FF4500 auf #FFD635 2,44:1 Nicht bestanden

Aa #FFD635 auf #3690EA 2,36:1 Nicht bestanden

Aa #FFD635 auf #01A268 2,34:1 Nicht bestanden

Aa #FFA800 auf #B449C0 2,33:1 Nicht bestanden

Aa #FFA800 auf #FFFFFF 1,93:1 Nicht bestanden

Aa #FF4500 auf #FFA800 1,78:1 Nicht bestanden

Aa #FFA800 auf #3690EA 1,71:1 Nicht bestanden

Aa #FFA800 auf #01A268 1,70:1 Nicht bestanden

Aa #FFD635 auf #FFFFFF 1,41:1 Nicht bestanden

Aa #FFA800 auf #FFD635 1,37:1 Nicht bestanden

Aa #01A268 auf #B449C0 1,37:1 Nicht bestanden

Aa #3690EA auf #B449C0 1,36:1 Nicht bestanden

Aa #FF4500 auf #B449C0 1,31:1 Nicht bestanden

Aa #FF4500 auf #01A268 1,04:1 Nicht bestanden

Aa #FF4500 auf #3690EA 1,04:1 Nicht bestanden

Aa #01A268 auf #3690EA 1,01:1 Nicht bestanden

R/place 2023 Day 1 U/Jertopia R/OnePiece