Utworzono o godz 06/30/2025 17:15
Form Builder Interface UX
- Field Fog#f5f5f5
- Input Indigo#6366f1
- Select Teal#14b8a6
- Label Blush#ffe0e0
- Focus Graphite#2e2e2e
- Validation Lime#a3f7b5
Paleta składa się z kolorów Światło, Ciemny. Kolory akcentujące Label Blush #ffe0e0 i Validation Lime #a3f7b5. Paleta ma temperaturę kolorów Neutralny, Zimny.
Według jasności paleta rozciąga się od #2E2E2E (najciemniejszy) do #F5F5F5 (najjaśniejszy). Zakres jasności jest szeroki.
Nasycenie wydaje się żywe (wysoka chroma).
Niektóre pary barw są blisko pozycji dopełniających — można to odczytać jako kontrast dopełniający (heurystyka).
Ogólna temperatura barw przechyla się ku zimnu.
Kody HEX (posortowane): #14B8A6, #2E2E2E, #6366F1, #A3F7B5, #F5F5F5, #FFE0E0
Paleta Form Builder Interface UX zawiera kombinację kolorów kodów 6:
KLĄTWA: #f5f5f5, RGB: (245, 245, 245); KLĄTWA: #6366f1, RGB: (99, 102, 241); KLĄTWA: #14b8a6, RGB: (20, 184, 166)
KLĄTWA: #ffe0e0, RGB: (255, 224, 224); KLĄTWA: #2e2e2e, RGB: (46, 46, 46); KLĄTWA: #a3f7b5, RGB: (163, 247, 181)
Uproszczona wersja palety kolorów
Odcień mediumslateblue, Odcień lightseagreen, Odcień mistyrose, Cień Czarny, Cień lightgreen
Schemat kolorów został stworzony przez colorstudio
Kody kolorów w palecie
Form Builder Interface UX kody kolorów HEX, informacje RGB w tabeli
| Kolor | KLĄTWA | RGB | Nazwa | alternatywne imie |
| #f5f5f5 | #f5f5f5 | RGB(245, 245, 245) | Field Fog | White Smoke |
| #6366f1 | #6366f1 | RGB(99, 102, 241) | Input Indigo | — |
| #14b8a6 | #14b8a6 | RGB(20, 184, 166) | Select Teal | — |
| #ffe0e0 | #ffe0e0 | RGB(255, 224, 224) | Label Blush | — |
| #2e2e2e | #2e2e2e | RGB(46, 46, 46) | Focus Graphite | Carbon Fiber |
| #a3f7b5 | #a3f7b5 | RGB(163, 247, 181) | Validation Lime | — |
Kontrast palety kolorów
5 pary kolorów mają niski kontrast i wymagają poprawy, co może wpłynąć na czytelność.
| Kolor tekstu | Kolor tła | Współczynnik kontrastu |
#f5f5f5 | #ffe0e0 | 1.13 |
#f5f5f5 | #a3f7b5 | 1.16 |
#6366f1 | #14b8a6 | 1.79 |
#14b8a6 | #a3f7b5 | 1.95 |
#ffe0e0 | #a3f7b5 | 1.02 |
Paleta obrazów Form Builder Interface UX png
Eksportuj paletę
Pobierz "Form Builder Interface UX" w różnych formatach, aby bezproblemowo zintegrować ją z projektami graficznymi.
Dostępne formaty: