Utworzono o godz 06/19/2025 20:44
Frontend Figma Pro Kit
- Vector Blue#007aff
- Grid Linen#f6f6f6
- Comment Lavender#b49bcc
- Tooltip Graphite#3a3a3c
- Component Salmon#ff9b71
- Annotation Beige#fff4dc
Paleta składa się z kolorów Światło. Kolory akcentujące Vector Blue #007aff i Annotation Beige #fff4dc. Paleta ma temperaturę kolorów Zimny, Neutralny, Ciepły.
Według jasności paleta rozciąga się od #3A3A3C (najciemniejszy) do #F6F6F6 (najjaśniejszy). Zakres jasności jest szeroki.
Nasycenie jest mieszane — część próbek stonowana, część żywsza.
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): #007AFF, #3A3A3C, #B49BCC, #F6F6F6, #FF9B71, #FFF4DC
Paleta Frontend Figma Pro Kit zawiera kombinację kolorów kodów 6:
KLĄTWA: #007aff, RGB: (0, 122, 255); KLĄTWA: #f6f6f6, RGB: (246, 246, 246); KLĄTWA: #b49bcc, RGB: (180, 155, 204)
KLĄTWA: #3a3a3c, RGB: (58, 58, 60); KLĄTWA: #ff9b71, RGB: (255, 155, 113); KLĄTWA: #fff4dc, RGB: (255, 244, 220)
Uproszczona wersja palety kolorów
Odcień steelblue, Cień whitesmoke, Odcień plum, Odcień darkslategrey, Odcień lightsalmon, Cień papayawhip
Schemat kolorów został stworzony przez colorslib
Kody kolorów w palecie
Frontend Figma Pro Kit kody kolorów HEX, informacje RGB w tabeli
| Kolor | KLĄTWA | RGB | Nazwa | alternatywne imie |
| #007aff | #007aff | RGB(0, 122, 255) | Vector Blue | — |
| #f6f6f6 | #f6f6f6 | RGB(246, 246, 246) | Grid Linen | — |
| #b49bcc | #b49bcc | RGB(180, 155, 204) | Comment Lavender | — |
| #3a3a3c | #3a3a3c | RGB(58, 58, 60) | Tooltip Graphite | — |
| #ff9b71 | #ff9b71 | RGB(255, 155, 113) | Component Salmon | — |
| #fff4dc | #fff4dc | RGB(255, 244, 220) | Annotation Beige | — |
Kontrast palety kolorów
6 pary kolorów mają niski kontrast i wymagają poprawy, co może wpłynąć na czytelność.
| Kolor tekstu | Kolor tła | Współczynnik kontrastu |
#007aff | #b49bcc | 1.62 |
#007aff | #ff9b71 | 1.94 |
#f6f6f6 | #ff9b71 | 1.9 |
#f6f6f6 | #fff4dc | 1.01 |
#b49bcc | #ff9b71 | 1.19 |
#ff9b71 | #fff4dc | 1.88 |
Paleta obrazów Frontend Figma Pro Kit png
Eksportuj paletę
Pobierz "Frontend Figma Pro Kit" w różnych formatach, aby bezproblemowo zintegrować ją z projektami graficznymi.
Dostępne formaty: