Utworzono o godz 07/16/2025 11:57
Figma Component System for AI Dashboards
- Gridline Ash#e5e5e5
- Action Indigo#6366f1
- Focus Lime#a3f7bf
- Input Rose#ffb3c6
- State White#ffffff
- Graph Node Cyan#30e3ca
Paleta składa się z kolorów Światło. Kolory akcentujące Focus Lime #a3f7bf i Input Rose #ffb3c6. Paleta ma temperaturę kolorów Neutralny, Zimny, Ciepły.
Według jasności paleta rozciąga się od #30E3CA (najciemniejszy) do #FFFFFF (najjaśniejszy). Zakres jasności jest umiarkowany.
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): #30E3CA, #6366F1, #A3F7BF, #E5E5E5, #FFB3C6, #FFFFFF
Paleta Figma Component System for AI Dashboards zawiera kombinację kolorów kodów 6:
KLĄTWA: #e5e5e5, RGB: (229, 229, 229); KLĄTWA: #6366f1, RGB: (99, 102, 241); KLĄTWA: #a3f7bf, RGB: (163, 247, 191)
KLĄTWA: #ffb3c6, RGB: (255, 179, 198); KLĄTWA: #ffffff, RGB: (255, 255, 255); KLĄTWA: #30e3ca, RGB: (48, 227, 202)
Uproszczona wersja palety kolorów
Cień gainsboro, Odcień mediumslateblue, Cień aquamarine, Odcień lightpink, Biały, Odcień turquoise
Schemat kolorów został stworzony przez raccoon
Kody kolorów w palecie
Figma Component System for AI Dashboards kody kolorów HEX, informacje RGB w tabeli
| Kolor | KLĄTWA | RGB | Nazwa | alternatywne imie |
| #e5e5e5 | #e5e5e5 | RGB(229, 229, 229) | Gridline Ash | Gray90 |
| #6366f1 | #6366f1 | RGB(99, 102, 241) | Action Indigo | — |
| #a3f7bf | #a3f7bf | RGB(163, 247, 191) | Focus Lime | — |
| #ffb3c6 | #ffb3c6 | RGB(255, 179, 198) | Input Rose | — |
| #ffffff | #ffffff | RGB(255, 255, 255) | State White | White |
| #30e3ca | #30e3ca | RGB(48, 227, 202) | Graph Node Cyan | — |
Kontrast palety kolorów
10 pary kolorów mają niski kontrast i wymagają poprawy, co może wpłynąć na czytelność.
| Kolor tekstu | Kolor tła | Współczynnik kontrastu |
#e5e5e5 | #a3f7bf | 1 |
#e5e5e5 | #ffb3c6 | 1.33 |
#e5e5e5 | #ffffff | 1.25 |
#e5e5e5 | #30e3ca | 1.28 |
#a3f7bf | #ffb3c6 | 1.32 |
#a3f7bf | #ffffff | 1.26 |
Paleta obrazów Figma Component System for AI Dashboards png
Eksportuj paletę
Pobierz "Figma Component System for AI Dashboards" w różnych formatach, aby bezproblemowo zintegrować ją z projektami graficznymi.
Dostępne formaty: