Utworzono o godz 06/13/2025 11:39
React UI Storybook Theme
- Story Ink#1e293b
- Knob Coral#ff847c
- Prop Sky#aeeeee
- Addon Grey#d3d3d3
- Component Lavender#b497f4
- Docs Background#f7f9fc
Paleta składa się z kolorów Ciemny, Światło. Kolory akcentujące Knob Coral #ff847c i Prop Sky #aeeeee. Paleta ma temperaturę kolorów Zimny, Ciepły, Neutralny.
Według jasności paleta rozciąga się od #1E293B (najciemniejszy) do #F7F9FC (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): #1E293B, #AEEEEE, #B497F4, #D3D3D3, #F7F9FC, #FF847C
Paleta React UI Storybook Theme zawiera kombinację kolorów kodów 6:
KLĄTWA: #1e293b, RGB: (30, 41, 59); KLĄTWA: #ff847c, RGB: (255, 132, 124); KLĄTWA: #aeeeee, RGB: (174, 238, 238)
KLĄTWA: #d3d3d3, RGB: (211, 211, 211); KLĄTWA: #b497f4, RGB: (180, 151, 244); KLĄTWA: #f7f9fc, RGB: (247, 249, 252)
Uproszczona wersja palety kolorów
Cień midnightblue, Cień salmon, Odcień paleturquoise, Cień mediumpurple, Odcień ghostwhite
Schemat kolorów został stworzony przez colorhunt
Kody kolorów w palecie
React UI Storybook Theme kody kolorów HEX, informacje RGB w tabeli
| Kolor | KLĄTWA | RGB | Nazwa | alternatywne imie |
| #1e293b | #1e293b | RGB(30, 41, 59) | Story Ink | — |
| #ff847c | #ff847c | RGB(255, 132, 124) | Knob Coral | — |
| #aeeeee | #aeeeee | RGB(174, 238, 238) | Prop Sky | Paleturquoise2 |
| #d3d3d3 | #d3d3d3 | RGB(211, 211, 211) | Addon Grey | Pinball |
| #b497f4 | #b497f4 | RGB(180, 151, 244) | Component Lavender | — |
| #f7f9fc | #f7f9fc | RGB(247, 249, 252) | Docs Background | — |
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 |
#ff847c | #aeeeee | 1.83 |
#ff847c | #d3d3d3 | 1.58 |
#ff847c | #b497f4 | 1.01 |
#aeeeee | #d3d3d3 | 1.15 |
#aeeeee | #b497f4 | 1.87 |
#aeeeee | #f7f9fc | 1.22 |
Paleta obrazów React UI Storybook Theme png
Eksportuj paletę
Pobierz "React UI Storybook Theme" w różnych formatach, aby bezproblemowo zintegrować ją z projektami graficznymi.
Dostępne formaty: