solid design system full
- #2563eb
- #1d4ed8
- White#ffffff
- Dr. White#f9fafb
- Sambucus#111827
- Encore#6b7280
- Blueberry Whip#d1d5db
- Liberty Green#16a34a
- Orange Outburst#d97706
- Whero Red#dc2626
1
Utworzono 10/19/2026 18:41
Paleta składa się z kolorów Półciemny, Jasny, Ciemny. Kolory akcentujące #2563eb i Orange Outburst #d97706. Paleta ma temperaturę kolorów Zimny, Neutralny, Ciepły.
Według jasności paleta rozciąga się od #111827 (najciemniejszy) do #FFFFFF (najjaśniejszy). Zakres jasności jest szeroki.
Nasycenie jest mieszane — 4 stonowanych i 5 żywych z 10 kolorów.
Niektóre kolory leżą niemal naprzeciw siebie na kole barw, co daje palecie kontrast dopełniający.
Ogólna temperatura barw przechyla się ku zimnu (4 z 10).
Kody HEX (posortowane): #111827, #16A34A, #1D4ED8, #2563EB, #6B7280, #D1D5DB, #D97706, #DC2626, #F9FAFB, #FFFFFF
Paleta solid design system full łączy 10 kodów kolorów:
HEX: #2563eb, RGB: (37, 99, 235); HEX: #1d4ed8, RGB: (29, 78, 216); HEX: #ffffff, RGB: (255, 255, 255)
HEX: #f9fafb, RGB: (249, 250, 251); HEX: #111827, RGB: (17, 24, 39); HEX: #6b7280, RGB: (107, 114, 128)
HEX: #d1d5db, RGB: (209, 213, 219); HEX: #16a34a, RGB: (22, 163, 74); HEX: #d97706, RGB: (217, 119, 6)
HEX: #dc2626, RGB: (220, 38, 38)
Uproszczona wersja palety kolorów
Ciemny odcień Królewski niebieski, Ciemny odcień Łupkowy niebieski, Biały, Jasny odcień Biały dym, Jasny odcień Czarny, Ciemny odcień Łupkowy szary, Jasny odcień Jasnoszary, Ciemny odcień Średnia zieleń morska, Ciemny odcień Peru, Jasny odcień Karmazynowy
Schemat kolorów został stworzony przez infouser
Kody kolorów w palecie
solid design system full kody kolorów HEX, informacje RGB w tabeli
| Kolor | HEX | RGB | Nazwa | Alternatywna nazwa |
|---|---|---|---|---|
| #2563eb | #2563eb | RGB(37, 99, 235) | — | — |
| #1d4ed8 | #1d4ed8 | RGB(29, 78, 216) | — | — |
| #ffffff | #ffffff | RGB(255, 255, 255) | White | — |
| #f9fafb | #f9fafb | RGB(249, 250, 251) | Dr. White | — |
| #111827 | #111827 | RGB(17, 24, 39) | Sambucus | — |
| #6b7280 | #6b7280 | RGB(107, 114, 128) | Encore | — |
| #d1d5db | #d1d5db | RGB(209, 213, 219) | Blueberry Whip | — |
| #16a34a | #16a34a | RGB(22, 163, 74) | Liberty Green | — |
| #d97706 | #d97706 | RGB(217, 119, 6) | Orange Outburst | — |
| #dc2626 | #dc2626 | RGB(220, 38, 38) | Whero Red | — |
Kontrast palety kolorów
16 pary kolorów mają niski kontrast i wymagają poprawy, co może wpłynąć na czytelność.
| Kolor tekstu | Kolor tła | Współczynnik kontrastu |
|---|---|---|
#2563eb | #1d4ed8 | 1.29 |
#2563eb | #6b7280 | 1.06 |
#2563eb | #16a34a | 1.56 |
#2563eb | #d97706 | 1.62 |
#2563eb | #dc2626 | 1.07 |
#1d4ed8 | #6b7280 | 1.38 |
Paleta obrazów solid design system full png
Eksportuj paletę
Pobierz "solid design system full" w różnych formatach, aby bezproblemowo zintegrować ją z projektami graficznymi.
Dostępne formaty: