Glossy Black
#14000B
Likes
13
Farben
10
CSS-Variablen
:root {
--c-vibrant-1: #14000B;
--c-vibrant-2: #370611;
--c-vibrant-3: #701B1B;
--c-vibrant-4: #AA523E;
--c-vibrant-5: #D0A365;
--c-vibrant-6: #E5FB97;
--c-vibrant-7: #95CC5D;
--c-vibrant-8: #4D9A34;
--c-vibrant-9: #12671A;
--c-vibrant-10: #003319;
}Über diese Palette
Diese lebendige Palette mit 10 Farben reicht vom hellsten Ton Metal Spark (#E5FB97) bis zum dunkelsten Ton Glossy Black (#14000B). Sie vereint Glossy Black, Ilvaite Black, Persian Plum, Hot Sauce, Workbench, Metal Spark, Cabbage Patch, Hubert’s Truck Green, Avagddu Green und Nightly Woods in einem Set, das du direkt in deine Benutzeroberfläche übernehmen kannst. Farbpaare in der Palette: 45. Davon erreichen 16 die WCAG-AA-Kontrastschwelle (4,5:1) für Fließtext – am stärksten ist #14000B auf #E5FB97 mit 17,96:1.
Eine vielseitige Palette für Marketingseiten, Hero-Blöcke von Produkten, Illustrationen und Akzentzustände in der UI.
Farben im Detail
Ilvaite Black
#370611
Persian Plum
#701B1B
Hot Sauce
#AA523E
Workbench
#D0A365
Metal Spark
#E5FB97
Cabbage Patch
#95CC5D
Hubert’s Truck Green
#4D9A34
Avagddu Green
#12671A
Nightly Woods
#003319
Kontrast & Barrierefreiheit
16 von 45 Farbpaaren erreichen die WCAG-AA-Kontrastschwelle (4,5:1) für Fließtext.
Aa
#14000B auf #E5FB97
17,96:1
AAA
Aa
#370611 auf #E5FB97
15,53:1
AAA
Aa
#E5FB97 auf #003319
12,49:1
AAA
Aa
#14000B auf #95CC5D
10,70:1
AAA
Aa
#701B1B auf #E5FB97
9,98:1
AAA
Aa
#370611 auf #95CC5D
9,25:1
AAA
Aa
#14000B auf #D0A365
8,80:1
AAA
Aa
#370611 auf #D0A365
7,61:1
AAA
Aa
#95CC5D auf #003319
7,44:1
AAA
Aa
#E5FB97 auf #12671A
6,23:1
AA
Aa
#D0A365 auf #003319
6,12:1
AA
Aa
#701B1B auf #95CC5D
5,95:1
AA
Aa
#14000B auf #4D9A34
5,79:1
AA
Aa
#370611 auf #4D9A34
5,00:1
AA
Aa
#701B1B auf #D0A365
4,89:1
AA
Aa
#AA523E auf #E5FB97
4,66:1
AA
Aa
#4D9A34 auf #003319
4,02:1
AA (großer Text)
Aa
#14000B auf #AA523E
3,85:1
AA (großer Text)
Aa
#95CC5D auf #12671A
3,71:1
AA (großer Text)
Aa
#370611 auf #AA523E
3,33:1
AA (großer Text)
Aa
#701B1B auf #4D9A34
3,22:1
AA (großer Text)
Aa
#E5FB97 auf #4D9A34
3,10:1
AA (großer Text)
Aa
#D0A365 auf #12671A
3,06:1
AA (großer Text)
Aa
#14000B auf #12671A
2,88:1
Nicht bestanden
Aa
#AA523E auf #95CC5D
2,78:1
Nicht bestanden
Aa
#AA523E auf #003319
2,68:1
Nicht bestanden
Aa
#370611 auf #12671A
2,49:1
Nicht bestanden
Aa
#AA523E auf #D0A365
2,29:1
Nicht bestanden
Aa
#701B1B auf #AA523E
2,14:1
Nicht bestanden
Aa
#D0A365 auf #E5FB97
2,04:1
Nicht bestanden
Aa
#4D9A34 auf #12671A
2,01:1
Nicht bestanden
Aa
#12671A auf #003319
2,00:1
Nicht bestanden
Aa
#95CC5D auf #4D9A34
1,85:1
Nicht bestanden
Aa
#14000B auf #701B1B
1,80:1
Nicht bestanden
Aa
#E5FB97 auf #95CC5D
1,68:1
Nicht bestanden
Aa
#701B1B auf #12671A
1,60:1
Nicht bestanden
Aa
#370611 auf #701B1B
1,56:1
Nicht bestanden
Aa
#D0A365 auf #4D9A34
1,52:1
Nicht bestanden
Aa
#AA523E auf #4D9A34
1,50:1
Nicht bestanden
Aa
#14000B auf #003319
1,44:1
Nicht bestanden
Aa
#AA523E auf #12671A
1,34:1
Nicht bestanden
Aa
#701B1B auf #003319
1,25:1
Nicht bestanden
Aa
#370611 auf #003319
1,24:1
Nicht bestanden
Aa
#D0A365 auf #95CC5D
1,22:1
Nicht bestanden
Aa
#14000B auf #370611
1,16:1
Nicht bestanden
Ähnliche Paletten
#F9ED69
#F08A5D
#B83B5E
#6A2C70
#7D5A50
#B4846C
#E5B299
#FCDEC0
#FFF8EA
#9E7676
#815B5B
#594545
#2C3639
#3F4E4F
#A27B5C
#DCD7C9
#F67280
#C06C84
#6C5B7B
#355C7D
#2B2E4A
#E84545
#903749
#53354A
#E5D9B6
#A4BE7B
#5F8D4E
#285430
#A9907E
#F3DEBA
#ABC4AA
#675D50