Hergestellt in 02/07/2023 10:12
Website design building product hex colors
- Green Lizard#a1e733
- Powder Blue#b8dde6
- Dark Olive Green#546e22
- Wintergreen Dream#5c947c
- Khaki (HTML/CSS)#ccb49c
- Royal Brown#543c2c
Die Palette besteht aus Licht, Halbdunkel-Farben. Akzentfarben Green Lizard #a1e733 und Dark Olive Green #546e22. Palette hat Farbtemperatur Warm, Kalt.
Nach Helligkeit reicht diese Palette von #543C2C (dunkelstes) bis #B8DDE6 (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 warmen Seite.
HEX-Codes (sortiert): #543C2C, #546E22, #5C947C, #A1E733, #B8DDE6, #CCB49C
Die Palette Website design building product hex colors enthält eine Kombination aus 6-Codefarben:
VERHEXEN: #a1e733, RGB: (161, 231, 51); VERHEXEN: #b8dde6, RGB: (184, 221, 230); VERHEXEN: #546e22, RGB: (84, 110, 34)
VERHEXEN: #5c947c, RGB: (92, 148, 124); VERHEXEN: #ccb49c, RGB: (204, 180, 156); VERHEXEN: #543c2c, RGB: (84, 60, 44)
Vereinfachte Version der Palettenfarben
Farbton von greenyellow, Schatten von lightblue, Farbton von darkolivegreen, Schatten von seashell, Schatten von tan, Farbton von saddlebrown
Farbschema wurde erstellt von coolor
Farbcodes in der Palette
Website design building product hex colors Farbcodes HEX, RGB-Informationen in der Tabelle
| Farbe | VERHEXEN | RGB | Name | alternativer Name |
| #a1e733 | #a1e733 | RGB(161, 231, 51) | Green Lizard | — |
| #b8dde6 | #b8dde6 | RGB(184, 221, 230) | Powder Blue | — |
| #546e22 | #546e22 | RGB(84, 110, 34) | Dark Olive Green | — |
| #5c947c | #5c947c | RGB(92, 148, 124) | Wintergreen Dream | — |
| #ccb49c | #ccb49c | RGB(204, 180, 156) | Khaki (HTML/CSS) | — |
| #543c2c | #543c2c | RGB(84, 60, 44) | Royal Brown | — |
Farbpalette Kontrast
6 Farbpaare haben einen niedrigen Kontrast und müssen verbessert werden, was die Lesbarkeit beeinträchtigen kann.
| Tekst kleur | Achtergrond kleur | contrast ratio |
#a1e733 | #b8dde6 | 1.03 |
#a1e733 | #ccb49c | 1.32 |
#b8dde6 | #ccb49c | 1.37 |
#546e22 | #5c947c | 1.64 |
#546e22 | #543c2c | 1.76 |
#5c947c | #ccb49c | 1.76 |
Bildpalette Website design building product hex colors png
Palette exportieren
Laden Sie die "Website design building product hex colors" in mehreren Formaten herunter, um sie nahtlos in Ihre Designprojekte zu integrieren.
Verfügbare Formate: