Registrieren Registrieren
RGB Principle

RGB Principle

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

Zurück zur Bibliothek

RGB Principle

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

Bearbeiten
Erdig 12 Farben Warm Gemischt Triadisch artist pixel character logo
Likes 12
Farben 12

CSS-Variablen

:root {
  --c-earthy-1: #FFFFFF;
  --c-earthy-2: #E1E1E1;
  --c-earthy-3: #4C4646;
  --c-earthy-4: #232323;
  --c-earthy-5: #BA0000;
  --c-earthy-6: #870000;
  --c-earthy-7: #2FBF00;
  --c-earthy-8: #186500;
  --c-earthy-9: #14CFDE;
  --c-earthy-10: #179AA5;
  --c-earthy-11: #5E0057;
  --c-earthy-12: #43003D;
}

Über diese Palette

Diese erdige Palette mit 12 Farben reicht vom hellsten Ton White (#FFFFFF) bis zum dunkelsten Ton Jacarta (#43003D). Sie vereint White, Jupiter, Dampened Black, Young Night, Harlock’s Cape, Chanticleer, Sour Apple Rings, Keen Green, Fish Boy, Island Dream, Cloak and Dagger und Jacarta in einem Set, das du direkt in deine Benutzeroberfläche übernehmen kannst. Farbpaare in der Palette: 66. Davon erreichen 24 die WCAG-AA-Kontrastschwelle (4,5:1) für Fließtext – am stärksten ist #FFFFFF auf #43003D mit 16,08:1.

Bodenständige, natürliche Töne – passend für nachhaltige und Bio-Marken, Cafés, Outdoor-Ausrüstung und warme redaktionelle Typografie.

Farben im Detail

White #FFFFFF
RGB
rgb(255, 255, 255)
HSL
hsl(0, 0%, 100%)
Luminanz
1,000
Jupiter #E1E1E1
RGB
rgb(225, 225, 225)
HSL
hsl(0, 0%, 88%)
Luminanz
0,753
Dampened Black #4C4646
RGB
rgb(76, 70, 70)
HSL
hsl(0, 4%, 29%)
Luminanz
0,064
Young Night #232323
RGB
rgb(35, 35, 35)
HSL
hsl(0, 0%, 14%)
Luminanz
0,017
Harlock’s Cape #BA0000
RGB
rgb(186, 0, 0)
HSL
hsl(0, 100%, 36%)
Luminanz
0,104
Chanticleer #870000
RGB
rgb(135, 0, 0)
HSL
hsl(0, 100%, 26%)
Luminanz
0,052
Sour Apple Rings #2FBF00
RGB
rgb(47, 191, 0)
HSL
hsl(105, 100%, 37%)
Luminanz
0,379
Keen Green #186500
RGB
rgb(24, 101, 0)
HSL
hsl(106, 100%, 20%)
Luminanz
0,095
Fish Boy #14CFDE
RGB
rgb(20, 207, 222)
HSL
hsl(184, 83%, 47%)
Luminanz
0,501
Island Dream #179AA5
RGB
rgb(23, 154, 165)
HSL
hsl(185, 76%, 37%)
Luminanz
0,260
Cloak and Dagger #5E0057
RGB
rgb(94, 0, 87)
HSL
hsl(304, 100%, 18%)
Luminanz
0,031
Jacarta #43003D
RGB
rgb(67, 0, 61)
HSL
hsl(305, 100%, 13%)
Luminanz
0,015

Kontrast & Barrierefreiheit

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

Aa #FFFFFF auf #43003D 16,08:1 AAA
Aa #FFFFFF auf #232323 15,72:1 AAA
Aa #FFFFFF auf #5E0057 13,01:1 AAA
Aa #E1E1E1 auf #43003D 12,30:1 AAA
Aa #E1E1E1 auf #232323 12,02:1 AAA
Aa #FFFFFF auf #870000 10,34:1 AAA
Aa #E1E1E1 auf #5E0057 9,95:1 AAA
Aa #FFFFFF auf #4C4646 9,24:1 AAA
Aa #14CFDE auf #43003D 8,43:1 AAA
Aa #232323 auf #14CFDE 8,24:1 AAA
Aa #E1E1E1 auf #870000 7,91:1 AAA
Aa #FFFFFF auf #186500 7,24:1 AAA
Aa #E1E1E1 auf #4C4646 7,07:1 AAA
Aa #14CFDE auf #5E0057 6,82:1 AA
Aa #FFFFFF auf #BA0000 6,80:1 AA
Aa #2FBF00 auf #43003D 6,56:1 AA
Aa #232323 auf #2FBF00 6,42:1 AA
Aa #E1E1E1 auf #186500 5,54:1 AA
Aa #870000 auf #14CFDE 5,42:1 AA
Aa #2FBF00 auf #5E0057 5,31:1 AA
Aa #E1E1E1 auf #BA0000 5,20:1 AA
Aa #4C4646 auf #14CFDE 4,85:1 AA
Aa #179AA5 auf #43003D 4,75:1 AA
Aa #232323 auf #179AA5 4,64:1 AA
Aa #870000 auf #2FBF00 4,22:1 AA (großer Text)
Aa #179AA5 auf #5E0057 3,84:1 AA (großer Text)
Aa #186500 auf #14CFDE 3,80:1 AA (großer Text)
Aa #4C4646 auf #2FBF00 3,77:1 AA (großer Text)
Aa #BA0000 auf #14CFDE 3,57:1 AA (großer Text)
Aa #FFFFFF auf #179AA5 3,39:1 AA (großer Text)
Aa #870000 auf #179AA5 3,05:1 AA (großer Text)
Aa #2FBF00 auf #186500 2,96:1 Nicht bestanden
Aa #BA0000 auf #2FBF00 2,78:1 Nicht bestanden
Aa #4C4646 auf #179AA5 2,73:1 Nicht bestanden
Aa #E1E1E1 auf #179AA5 2,59:1 Nicht bestanden
Aa #FFFFFF auf #2FBF00 2,45:1 Nicht bestanden
Aa #BA0000 auf #43003D 2,36:1 Nicht bestanden
Aa #232323 auf #BA0000 2,31:1 Nicht bestanden
Aa #186500 auf #43003D 2,22:1 Nicht bestanden
Aa #232323 auf #186500 2,17:1 Nicht bestanden
Aa #186500 auf #179AA5 2,14:1 Nicht bestanden
Aa #BA0000 auf #179AA5 2,01:1 Nicht bestanden
Aa #FFFFFF auf #14CFDE 1,91:1 Nicht bestanden
Aa #BA0000 auf #5E0057 1,91:1 Nicht bestanden
Aa #E1E1E1 auf #2FBF00 1,87:1 Nicht bestanden
Aa #186500 auf #5E0057 1,80:1 Nicht bestanden
Aa #14CFDE auf #179AA5 1,78:1 Nicht bestanden
Aa #4C4646 auf #43003D 1,74:1 Nicht bestanden
Aa #4C4646 auf #232323 1,70:1 Nicht bestanden
Aa #870000 auf #43003D 1,55:1 Nicht bestanden
Aa #232323 auf #870000 1,52:1 Nicht bestanden
Aa #BA0000 auf #870000 1,52:1 Nicht bestanden
Aa #E1E1E1 auf #14CFDE 1,46:1 Nicht bestanden
Aa #870000 auf #186500 1,43:1 Nicht bestanden
Aa #4C4646 auf #5E0057 1,41:1 Nicht bestanden
Aa #2FBF00 auf #179AA5 1,38:1 Nicht bestanden
Aa #4C4646 auf #BA0000 1,36:1 Nicht bestanden
Aa #FFFFFF auf #E1E1E1 1,31:1 Nicht bestanden
Aa #4C4646 auf #186500 1,28:1 Nicht bestanden
Aa #2FBF00 auf #14CFDE 1,28:1 Nicht bestanden
Aa #870000 auf #5E0057 1,26:1 Nicht bestanden
Aa #5E0057 auf #43003D 1,24:1 Nicht bestanden
Aa #232323 auf #5E0057 1,21:1 Nicht bestanden
Aa #4C4646 auf #870000 1,12:1 Nicht bestanden
Aa #BA0000 auf #186500 1,06:1 Nicht bestanden
Aa #232323 auf #43003D 1,02:1 Nicht bestanden

Ähnliche Paletten

#F9ED69 #F08A5D #B83B5E #6A2C70
4 Farben
#7D5A50 #B4846C #E5B299 #FCDEC0
4 Farben
#FFF8EA #9E7676 #815B5B #594545
4 Farben
#2C3639 #3F4E4F #A27B5C #DCD7C9
4 Farben
#F67280 #C06C84 #6C5B7B #355C7D
4 Farben
#2B2E4A #E84545 #903749 #53354A
4 Farben
#E5D9B6 #A4BE7B #5F8D4E #285430
4 Farben
#A9907E #F3DEBA #ABC4AA #675D50
4 Farben