Schaltflächen-Farbgenerator
Abgeleitet von Primär
Primär
#1A5B5B
Primäre Schaltflächen (Standard)
Aa
Verhältnis: 7.5:1
AAA
Vorgeschlagen:
#FFFFFF
→ 4.5:1
Primär Hover
#174E4E
Primäre Schaltflächen (Hover) · -8 % Helligkeit
Aa
Verhältnis: 8.5:1
AAA
Vorgeschlagen:
#FFFFFF
→ 4.5:1
Sekundär
#D5E8E8
Sekundäre Schaltflächen (Standard) · 20 % Deckkraft
Aa
Verhältnis: 5.2:1
AA
Vorgeschlagen:
#0A3D3D
→ 4.5:1
Sekundärer Hover
#B8D4D4
Sekundäre Schaltflächen (Hover) · 30 % Deckkraft
Aa
Verhältnis: 4.8:1
AA
Vorgeschlagen:
#0A3D3D
→ 4.5:1
Feste Farben
Destruktives Rot
#EF4444
Löschen, Ablehnen, Abbrechen [Substantiv]
Destruktiver Hover
#DC2626
Destruktive Schaltflächen (Hover)
Erfolgsgrün
#34D399
Genehmigungsoptionen in Dropdowns
Erfolgs-Hover
#10B981
Erfolgs-Schaltflächen (Hover)
Exit-Grau
#E5E7EB
Schließen, Abbrechen (Beenden)
Exit-Grau Hover
#D1D5DB
Exit-Schaltflächen (Hover)
Button-Vorschau