Utworzono o godz 06/10/2025 17:31
UI Component Library Core
- Core Indigo#5c6bc0
- Button Sky#4fc3f7
- Field Salmon#ff8a80
- Card White Smoke#fafafa
- Border Steel#90a4ae
- Input Yellow#ffee58
- Focus Black#212121
Paleta składa się z kolorów Światło, Ciemny. Kolory akcentujące Button Sky #4fc3f7 i Input Yellow #ffee58. Paleta ma temperaturę kolorów Zimny, Ciepły, Neutralny.
Według jasności paleta rozciąga się od #212121 (najciemniejszy) do #FAFAFA (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): #212121, #4FC3F7, #5C6BC0, #90A4AE, #FAFAFA, #FF8A80, #FFEE58
Paleta UI Component Library Core zawiera kombinację kolorów kodów 7:
KLĄTWA: #5c6bc0, RGB: (92, 107, 192); KLĄTWA: #4fc3f7, RGB: (79, 195, 247); KLĄTWA: #ff8a80, RGB: (255, 138, 128)
KLĄTWA: #fafafa, RGB: (250, 250, 250); KLĄTWA: #90a4ae, RGB: (144, 164, 174); KLĄTWA: #ffee58, RGB: (255, 238, 88)
KLĄTWA: #212121, RGB: (33, 33, 33)
Uproszczona wersja palety kolorów
Cień royalblue, Cień deepskyblue, Cień salmon, Cień whitesmoke, Odcień darkgrey, Cień Żółty, Cień Czarny
Schemat kolorów został stworzony przez bad_colors
Kody kolorów w palecie
UI Component Library Core kody kolorów HEX, informacje RGB w tabeli
| Kolor | KLĄTWA | RGB | Nazwa | alternatywne imie |
| #5c6bc0 | #5c6bc0 | RGB(92, 107, 192) | Core Indigo | — |
| #4fc3f7 | #4fc3f7 | RGB(79, 195, 247) | Button Sky | — |
| #ff8a80 | #ff8a80 | RGB(255, 138, 128) | Field Salmon | — |
| #fafafa | #fafafa | RGB(250, 250, 250) | Card White Smoke | Dr. White |
| #90a4ae | #90a4ae | RGB(144, 164, 174) | Border Steel | — |
| #ffee58 | #ffee58 | RGB(255, 238, 88) | Input Yellow | — |
| #212121 | #212121 | RGB(33, 33, 33) | Focus Black | Lead |
Kontrast palety kolorów
8 pary kolorów mają niski kontrast i wymagają poprawy, co może wpłynąć na czytelność.
| Kolor tekstu | Kolor tła | Współczynnik kontrastu |
#5c6bc0 | #90a4ae | 1.87 |
#4fc3f7 | #ff8a80 | 1.13 |
#4fc3f7 | #fafafa | 1.91 |
#4fc3f7 | #90a4ae | 1.29 |
#4fc3f7 | #ffee58 | 1.68 |
#ff8a80 | #90a4ae | 1.13 |
Paleta obrazów UI Component Library Core png
Eksportuj paletę
Pobierz "UI Component Library Core" w różnych formatach, aby bezproblemowo zintegrować ją z projektami graficznymi.
Dostępne formaty: