Hergestellt in 04/04/2022 09:54
Design ui figma web colors
- Light Sea Green#1d9a9c
- Water#daf2f4
- Metallic Seaweed#05838c
- Dark Chestnut#907269
- Dark Sky Blue#83bec2
- Purple Taupe#4e3c49
Die Palette besteht aus Licht-Farben. Akzentfarben Metallic Seaweed #05838c und Dark Chestnut #907269. Palette hat Farbtemperatur Kalt, Neutral, Warm.
Nach Helligkeit reicht diese Palette von #4E3C49 (dunkelstes) bis #DAF2F4 (hellstes). Die Helligkeitsspanne ist groß.
Die Sättigung ist gemischt — gedämpfte und lebhafte Farbfelder.
Manche Farbton-Paare liegen nahe Komplementärpositionen — kann wie Komplementärkontrast wirken (heuristisch).
In der Gesamttemperatur neigen die Felder zur kalten Seite.
HEX-Codes (sortiert): #05838C, #1D9A9C, #4E3C49, #83BEC2, #907269, #DAF2F4
Die Palette Design ui figma web colors enthält eine Kombination aus 6-Codefarben:
VERHEXEN: #1d9a9c, RGB: (29, 154, 156); VERHEXEN: #daf2f4, RGB: (218, 242, 244); VERHEXEN: #05838c, RGB: (5, 131, 140)
VERHEXEN: #907269, RGB: (144, 114, 105); VERHEXEN: #83bec2, RGB: (131, 190, 194); VERHEXEN: #4e3c49, RGB: (78, 60, 73)
Vereinfachte Version der Palettenfarben
Schatten von darkcyan, Farbton von lightcyan, Schatten von Blaugrün, Farbton von Grau, Farbton von powderblue, Farbton von dimgrey
Farbschema wurde erstellt von colorswall
Farbcodes in der Palette
Design ui figma web colors Farbcodes HEX, RGB-Informationen in der Tabelle
| Farbe | VERHEXEN | RGB | Name | alternativer Name |
| #1d9a9c | #1d9a9c | RGB(29, 154, 156) | Light Sea Green | — |
| #daf2f4 | #daf2f4 | RGB(218, 242, 244) | Water | — |
| #05838c | #05838c | RGB(5, 131, 140) | Metallic Seaweed | — |
| #907269 | #907269 | RGB(144, 114, 105) | Dark Chestnut | — |
| #83bec2 | #83bec2 | RGB(131, 190, 194) | Dark Sky Blue | — |
| #4e3c49 | #4e3c49 | RGB(78, 60, 73) | Purple Taupe | — |
Farbpalette Kontrast
5 Farbpaare haben einen niedrigen Kontrast und müssen verbessert werden, was die Lesbarkeit beeinträchtigen kann.
| Tekst kleur | Achtergrond kleur | contrast ratio |
#1d9a9c | #05838c | 1.32 |
#1d9a9c | #907269 | 1.28 |
#1d9a9c | #83bec2 | 1.64 |
#daf2f4 | #83bec2 | 1.77 |
#05838c | #907269 | 1.03 |
Bildpalette Design ui figma web colors png
Palette exportieren
Laden Sie die "Design ui figma web colors" in mehreren Formaten herunter, um sie nahtlos in Ihre Designprojekte zu integrieren.
Verfügbare Formate: