Utworzono o godz 07/22/2025 11:44
Composable React UI Pattern Library
- Atomic Teal#26c6da
- Prop Gray#b0bec5
- State Indigo#5c6bc0
- Hook Pink#f06292
- Virtual White#ffffff
- Functional Black#212121
Paleta składa się z kolorów Światło, Ciemny. Kolory akcentujące Atomic Teal #26c6da i Hook Pink #f06292. Paleta ma temperaturę kolorów Zimny, Ciepły, Neutralny.
Według jasności paleta rozciąga się od #212121 (najciemniejszy) do #FFFFFF (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, #26C6DA, #5C6BC0, #B0BEC5, #F06292, #FFFFFF
Paleta Composable React UI Pattern Library zawiera kombinację kolorów kodów 6:
KLĄTWA: #26c6da, RGB: (38, 198, 218); KLĄTWA: #b0bec5, RGB: (176, 190, 197); KLĄTWA: #5c6bc0, RGB: (92, 107, 192)
KLĄTWA: #f06292, RGB: (240, 98, 146); KLĄTWA: #ffffff, RGB: (255, 255, 255); KLĄTWA: #212121, RGB: (33, 33, 33)
Uproszczona wersja palety kolorów
Cień darkturquoise, Odcień Srebro, Cień royalblue, Odcień palevioletred, Biały, Cień Czarny
Schemat kolorów został stworzony przez colourlock
Kody kolorów w palecie
Composable React UI Pattern Library kody kolorów HEX, informacje RGB w tabeli
| Kolor | KLĄTWA | RGB | Nazwa | alternatywne imie |
| #26c6da | #26c6da | RGB(38, 198, 218) | Atomic Teal | — |
| #b0bec5 | #b0bec5 | RGB(176, 190, 197) | Prop Gray | Ocean Drive |
| #5c6bc0 | #5c6bc0 | RGB(92, 107, 192) | State Indigo | — |
| #f06292 | #f06292 | RGB(240, 98, 146) | Hook Pink | — |
| #ffffff | #ffffff | RGB(255, 255, 255) | Virtual White | White |
| #212121 | #212121 | RGB(33, 33, 33) | Functional Black | Lead |
Kontrast palety kolorów
5 pary kolorów mają niski kontrast i wymagają poprawy, co może wpłynąć na czytelność.
| Kolor tekstu | Kolor tła | Współczynnik kontrastu |
#26c6da | #b0bec5 | 1.08 |
#26c6da | #f06292 | 1.48 |
#b0bec5 | #f06292 | 1.6 |
#b0bec5 | #ffffff | 1.9 |
#5c6bc0 | #f06292 | 1.58 |
Paleta obrazów Composable React UI Pattern Library png
Eksportuj paletę
Pobierz "Composable React UI Pattern Library" w różnych formatach, aby bezproblemowo zintegrować ją z projektami graficznymi.
Dostępne formaty: