Utworzono o godz 06/17/2025 12:06
Component-Based Design System
- Atomic Rose#ffb4c7
- Reusable Indigo#7161ef
- Token Clay#d6d1cb
- Style Guide Aqua#64dfdf
- Hierarchy Coal#222426
- Sketchpad Linen#fdf7f2
Paleta składa się z kolorów Światło, Ciemny. Kolory akcentujące Atomic Rose #ffb4c7 i Style Guide Aqua #64dfdf. Paleta ma temperaturę kolorów Ciepły, Zimny, Neutralny.
Według jasności paleta rozciąga się od #222426 (najciemniejszy) do #FDF7F2 (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): #222426, #64DFDF, #7161EF, #D6D1CB, #FDF7F2, #FFB4C7
Paleta Component-Based Design System zawiera kombinację kolorów kodów 6:
KLĄTWA: #ffb4c7, RGB: (255, 180, 199); KLĄTWA: #7161ef, RGB: (113, 97, 239); KLĄTWA: #d6d1cb, RGB: (214, 209, 203)
KLĄTWA: #64dfdf, RGB: (100, 223, 223); KLĄTWA: #222426, RGB: (34, 36, 38); KLĄTWA: #fdf7f2, RGB: (253, 247, 242)
Uproszczona wersja palety kolorów
Odcień lightpink, Odcień mediumslateblue, Odcień lightgrey, Cień mediumturquoise, Cień Czarny, Odcień floralwhite
Schemat kolorów został stworzony przez colorscheme
Kody kolorów w palecie
Component-Based Design System kody kolorów HEX, informacje RGB w tabeli
| Kolor | KLĄTWA | RGB | Nazwa | alternatywne imie |
| #ffb4c7 | #ffb4c7 | RGB(255, 180, 199) | Atomic Rose | — |
| #7161ef | #7161ef | RGB(113, 97, 239) | Reusable Indigo | — |
| #d6d1cb | #d6d1cb | RGB(214, 209, 203) | Token Clay | — |
| #64dfdf | #64dfdf | RGB(100, 223, 223) | Style Guide Aqua | — |
| #222426 | #222426 | RGB(34, 36, 38) | Hierarchy Coal | — |
| #fdf7f2 | #fdf7f2 | RGB(253, 247, 242) | Sketchpad Linen | — |
Kontrast palety kolorów
6 pary kolorów mają niski kontrast i wymagają poprawy, co może wpłynąć na czytelność.
| Kolor tekstu | Kolor tła | Współczynnik kontrastu |
#ffb4c7 | #d6d1cb | 1.09 |
#ffb4c7 | #64dfdf | 1.04 |
#ffb4c7 | #fdf7f2 | 1.56 |
#d6d1cb | #64dfdf | 1.05 |
#d6d1cb | #fdf7f2 | 1.42 |
#64dfdf | #fdf7f2 | 1.5 |
Paleta obrazów Component-Based Design System png
Eksportuj paletę
Pobierz "Component-Based Design System" w różnych formatach, aby bezproblemowo zintegrować ją z projektami graficznymi.
Dostępne formaty: