Utworzono o godz 06/12/2025 06:21
Component Driven Design Theme
- Base Sky#bde0fe
- Token Charcoal#3a3a3a
- Interaction Pink#fecaca
- Component Cream#fff9ec
- Refactor Indigo#4f46e5
- State Mint#b2f7ef
Paleta składa się z kolorów Światło, Półciemny. Kolory akcentujące Base Sky #bde0fe i Component Cream #fff9ec. Paleta ma temperaturę kolorów Zimny, Neutralny, Ciepły.
Według jasności paleta rozciąga się od #3A3A3A (najciemniejszy) do #FFF9EC (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).
Ogólna temperatura barw przechyla się ku zimnu.
Kody HEX (posortowane): #3A3A3A, #4F46E5, #B2F7EF, #BDE0FE, #FECACA, #FFF9EC
Paleta Component Driven Design Theme zawiera kombinację kolorów kodów 6:
KLĄTWA: #bde0fe, RGB: (189, 224, 254); KLĄTWA: #3a3a3a, RGB: (58, 58, 58); KLĄTWA: #fecaca, RGB: (254, 202, 202)
KLĄTWA: #fff9ec, RGB: (255, 249, 236); KLĄTWA: #4f46e5, RGB: (79, 70, 229); KLĄTWA: #b2f7ef, RGB: (178, 247, 239)
Uproszczona wersja palety kolorów
Cień lightblue, Odcień darkslategrey, Cień Różowy, Cień oldlace, Odcień slateblue, Cień paleturquoise
Schemat kolorów został stworzony przez colourlock
Kody kolorów w palecie
Component Driven Design Theme kody kolorów HEX, informacje RGB w tabeli
| Kolor | KLĄTWA | RGB | Nazwa | alternatywne imie |
| #bde0fe | #bde0fe | RGB(189, 224, 254) | Base Sky | — |
| #3a3a3a | #3a3a3a | RGB(58, 58, 58) | Token Charcoal | — |
| #fecaca | #fecaca | RGB(254, 202, 202) | Interaction Pink | — |
| #fff9ec | #fff9ec | RGB(255, 249, 236) | Component Cream | Day Lily |
| #4f46e5 | #4f46e5 | RGB(79, 70, 229) | Refactor Indigo | — |
| #b2f7ef | #b2f7ef | RGB(178, 247, 239) | State Mint | — |
Kontrast palety kolorów
7 pary kolorów mają niski kontrast i wymagają poprawy, co może wpłynąć na czytelność.
| Kolor tekstu | Kolor tła | Współczynnik kontrastu |
#bde0fe | #fecaca | 1.05 |
#bde0fe | #fff9ec | 1.31 |
#bde0fe | #b2f7ef | 1.14 |
#3a3a3a | #4f46e5 | 1.8 |
#fecaca | #fff9ec | 1.37 |
#fecaca | #b2f7ef | 1.2 |
Paleta obrazów Component Driven Design Theme png
Eksportuj paletę
Pobierz "Component Driven Design Theme" w różnych formatach, aby bezproblemowo zintegrować ją z projektami graficznymi.
Dostępne formaty: