Loading...
Utworzono o godz 07/22/2025 16:46
Scalable Design Infrastructure UI
- Grid Blue#3a86ff
- Token White#f9fafb
- System Yellow#fcd34d
- Atomic Coral#ff6f61
- Deploy Slate#64748b
- Refactor Teal#2ec4b6
Paleta składa się z kolorów Światło. Kolory akcentujące Grid Blue #3a86ff i Atomic Coral #ff6f61. Paleta ma temperaturę kolorów Zimny, Neutralny, Ciepły.
Według jasności paleta rozciąga się od #64748B (najciemniejszy) do #F9FAFB (najjaśniejszy). Zakres jasności jest umiarkowany.
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): #2EC4B6, #3A86FF, #64748B, #F9FAFB, #FCD34D, #FF6F61
Paleta Scalable Design Infrastructure UI zawiera kombinację kolorów kodów 6:
KLĄTWA: #3a86ff, RGB: (58, 134, 255); KLĄTWA: #f9fafb, RGB: (249, 250, 251); KLĄTWA: #fcd34d, RGB: (252, 211, 77)
KLĄTWA: #ff6f61, RGB: (255, 111, 97); KLĄTWA: #64748b, RGB: (100, 116, 139); KLĄTWA: #2ec4b6, RGB: (46, 196, 182)
Uproszczona wersja palety kolorów
Cień dodgerblue, Cień whitesmoke, Cień gold, Odcień salmon, Odcień slategrey, Odcień mediumturquoise
Schemat kolorów został stworzony przez colorstudio
Kody kolorów w palecie
Scalable Design Infrastructure UI kody kolorów HEX, informacje RGB w tabeli
| Kolor | KLĄTWA | RGB | Nazwa | alternatywne imie |
| #3a86ff | #3a86ff | RGB(58, 134, 255) | Grid Blue | — |
| #f9fafb | #f9fafb | RGB(249, 250, 251) | Token White | — |
| #fcd34d | #fcd34d | RGB(252, 211, 77) | System Yellow | — |
| #ff6f61 | #ff6f61 | RGB(255, 111, 97) | Atomic Coral | Living Coral |
| #64748b | #64748b | RGB(100, 116, 139) | Deploy Slate | — |
| #2ec4b6 | #2ec4b6 | RGB(46, 196, 182) | Refactor Teal | — |
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 |
#3a86ff | #ff6f61 | 1.27 |
#3a86ff | #64748b | 1.36 |
#3a86ff | #2ec4b6 | 1.6 |
#f9fafb | #fcd34d | 1.37 |
#fcd34d | #ff6f61 | 1.89 |
#fcd34d | #2ec4b6 | 1.5 |
Paleta obrazów Scalable Design Infrastructure UI png
Eksportuj paletę
Pobierz "Scalable Design Infrastructure UI" w różnych formatach, aby bezproblemowo zintegrować ją z projektami graficznymi.
Dostępne formaty: