Utworzono o godz 04/15/2026 11:36
AI Assisted Full Stack React TypeScript Design System Toolkit
- Stack Night#0d1117
- React Sky#61dafb
- TS Indigo#3178c6
- Hook Green#2dd4bf
- State Amber#fbbf24
- Error Rose#fb7185
- Surface Gray#9aa4b2
- Base White#f8fafc
Paleta składa się z kolorów Ciemny, Światło. Kolory akcentujące React Sky #61dafb i State Amber #fbbf24. Paleta ma temperaturę kolorów Neutralny, Zimny, Ciepły.
Według jasności paleta rozciąga się od #0D1117 (najciemniejszy) do #F8FAFC (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): #0D1117, #2DD4BF, #3178C6, #61DAFB, #9AA4B2, #F8FAFC, #FB7185, #FBBF24
Paleta AI Assisted Full Stack React TypeScript Design System Toolkit zawiera kombinację kolorów kodów 8:
KLĄTWA: #0d1117, RGB: (13, 17, 23); KLĄTWA: #61dafb, RGB: (97, 218, 251); KLĄTWA: #3178c6, RGB: (49, 120, 198)
KLĄTWA: #2dd4bf, RGB: (45, 212, 191); KLĄTWA: #fbbf24, RGB: (251, 191, 36); KLĄTWA: #fb7185, RGB: (251, 113, 133)
KLĄTWA: #9aa4b2, RGB: (154, 164, 178); KLĄTWA: #f8fafc, RGB: (248, 250, 252)
Uproszczona wersja palety kolorów
Cień Czarny, Odcień skyblue, Odcień steelblue, Odcień turquoise, Cień goldenrod, Odcień lightcoral, Odcień darkgrey, Cień whitesmoke
Schemat kolorów został stworzony przez colorslib
Kody kolorów w palecie
AI Assisted Full Stack React TypeScript Design System Toolkit kody kolorów HEX, informacje RGB w tabeli
| Kolor | KLĄTWA | RGB | Nazwa | alternatywne imie |
| #0d1117 | #0d1117 | RGB(13, 17, 23) | Stack Night | — |
| #61dafb | #61dafb | RGB(97, 218, 251) | React Sky | — |
| #3178c6 | #3178c6 | RGB(49, 120, 198) | TS Indigo | — |
| #2dd4bf | #2dd4bf | RGB(45, 212, 191) | Hook Green | — |
| #fbbf24 | #fbbf24 | RGB(251, 191, 36) | State Amber | — |
| #fb7185 | #fb7185 | RGB(251, 113, 133) | Error Rose | — |
| #9aa4b2 | #9aa4b2 | RGB(154, 164, 178) | Surface Gray | — |
| #f8fafc | #f8fafc | RGB(248, 250, 252) | Base White | — |
Kontrast palety kolorów
15 pary kolorów mają niski kontrast i wymagają poprawy, co może wpłynąć na czytelność.
| Kolor tekstu | Kolor tła | Współczynnik kontrastu |
#61dafb | #2dd4bf | 1.14 |
#61dafb | #fbbf24 | 1.02 |
#61dafb | #fb7185 | 1.65 |
#61dafb | #9aa4b2 | 1.55 |
#61dafb | #f8fafc | 1.55 |
#3178c6 | #fb7185 | 1.68 |
Paleta obrazów AI Assisted Full Stack React TypeScript Design System Toolkit png
Eksportuj paletę
Pobierz "AI Assisted Full Stack React TypeScript Design System Toolkit" w różnych formatach, aby bezproblemowo zintegrować ją z projektami graficznymi.
Dostępne formaty: