Utworzono o godz 06/13/2025 10:27
JavaScript Gradient Studio
- Promise Lavender#b497f4
- Async Orange#ff6e40
- DOM Navy#273444
- Event Bubble#feebcb
- Script Blush#ffd6e0
- Function Leaf#7dce82
Paleta składa się z kolorów Światło. Kolory akcentujące Script Blush #ffd6e0 i Function Leaf #7dce82. Paleta ma temperaturę kolorów Zimny, Ciepły, Neutralny.
Według jasności paleta rozciąga się od #273444 (najciemniejszy) do #FFD6E0 (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).
Ciepłe i zimne próbki są dość zrównoważone.
Kody HEX (posortowane): #273444, #7DCE82, #B497F4, #FEEBCB, #FF6E40, #FFD6E0
Paleta JavaScript Gradient Studio zawiera kombinację kolorów kodów 6:
KLĄTWA: #b497f4, RGB: (180, 151, 244); KLĄTWA: #ff6e40, RGB: (255, 110, 64); KLĄTWA: #273444, RGB: (39, 52, 68)
KLĄTWA: #feebcb, RGB: (254, 235, 203); KLĄTWA: #ffd6e0, RGB: (255, 214, 224); KLĄTWA: #7dce82, RGB: (125, 206, 130)
Uproszczona wersja palety kolorów
Cień mediumpurple, Odcień coral, Cień midnightblue, Odcień blanchedalmond, Cień Różowy, Cień darkseagreen
Schemat kolorów został stworzony przez bad_colors
Kody kolorów w palecie
JavaScript Gradient Studio kody kolorów HEX, informacje RGB w tabeli
| Kolor | KLĄTWA | RGB | Nazwa | alternatywne imie |
| #b497f4 | #b497f4 | RGB(180, 151, 244) | Promise Lavender | — |
| #ff6e40 | #ff6e40 | RGB(255, 110, 64) | Async Orange | — |
| #273444 | #273444 | RGB(39, 52, 68) | DOM Navy | — |
| #feebcb | #feebcb | RGB(254, 235, 203) | Event Bubble | — |
| #ffd6e0 | #ffd6e0 | RGB(255, 214, 224) | Script Blush | — |
| #7dce82 | #7dce82 | RGB(125, 206, 130) | Function Leaf | — |
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 |
#b497f4 | #ff6e40 | 1.14 |
#b497f4 | #ffd6e0 | 1.83 |
#b497f4 | #7dce82 | 1.27 |
#ff6e40 | #7dce82 | 1.45 |
#feebcb | #ffd6e0 | 1.12 |
#feebcb | #7dce82 | 1.62 |
Paleta obrazów JavaScript Gradient Studio png
Eksportuj paletę
Pobierz "JavaScript Gradient Studio" w różnych formatach, aby bezproblemowo zintegrować ją z projektami graficznymi.
Dostępne formaty: