Utworzono o godz 06/14/2025 19:45
Generative UI Component Library
- Variant Peach#ffd6a5
- Instance Indigo#a0a4f6
- Override Rose#ff8aae
- Symbol Slate#2e2e2e
- Render Cloud#ececec
- Style Token Blue#7bdff2
Paleta składa się z kolorów Światło, Ciemny. Kolory akcentujące Variant Peach #ffd6a5 i Instance Indigo #a0a4f6. Paleta ma temperaturę kolorów Ciepły, Zimny, Neutralny.
Według jasności paleta rozciąga się od #2E2E2E (najciemniejszy) do #ECECEC (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).
Ciepłe i zimne próbki są dość zrównoważone.
Kody HEX (posortowane): #2E2E2E, #7BDFF2, #A0A4F6, #ECECEC, #FF8AAE, #FFD6A5
Paleta Generative UI Component Library zawiera kombinację kolorów kodów 6:
KLĄTWA: #ffd6a5, RGB: (255, 214, 165); KLĄTWA: #a0a4f6, RGB: (160, 164, 246); KLĄTWA: #ff8aae, RGB: (255, 138, 174)
KLĄTWA: #2e2e2e, RGB: (46, 46, 46); KLĄTWA: #ececec, RGB: (236, 236, 236); KLĄTWA: #7bdff2, RGB: (123, 223, 242)
Uproszczona wersja palety kolorów
Odcień navajowhite, Odcień lightsteelblue, Cień palevioletred, Cień Czarny, Odcień whitesmoke, Cień skyblue
Schemat kolorów został stworzony przez colorstudio
Kody kolorów w palecie
Generative UI Component Library kody kolorów HEX, informacje RGB w tabeli
| Kolor | KLĄTWA | RGB | Nazwa | alternatywne imie |
| #ffd6a5 | #ffd6a5 | RGB(255, 214, 165) | Variant Peach | — |
| #a0a4f6 | #a0a4f6 | RGB(160, 164, 246) | Instance Indigo | — |
| #ff8aae | #ff8aae | RGB(255, 138, 174) | Override Rose | — |
| #2e2e2e | #2e2e2e | RGB(46, 46, 46) | Symbol Slate | Carbon Fiber |
| #ececec | #ececec | RGB(236, 236, 236) | Render Cloud | — |
| #7bdff2 | #7bdff2 | RGB(123, 223, 242) | Style Token Blue | — |
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 |
#ffd6a5 | #a0a4f6 | 1.68 |
#ffd6a5 | #ff8aae | 1.62 |
#ffd6a5 | #ececec | 1.15 |
#ffd6a5 | #7bdff2 | 1.12 |
#a0a4f6 | #ff8aae | 1.03 |
#a0a4f6 | #ececec | 1.94 |
Paleta obrazów Generative UI Component Library png
Eksportuj paletę
Pobierz "Generative UI Component Library" w różnych formatach, aby bezproblemowo zintegrować ją z projektami graficznymi.
Dostępne formaty: