Frontend Compiler Visual Kit
- Build Dust#dcdcdc
- Function Slate#3c3f41
- Render Bone#f1f1f1
- Component Olive#a4b494
- Syntax Cherry#ff595e
- Code Highlight#ffde7d
Utworzono 07/13/2025 09:10
Paleta składa się z kolorów Jasny, Półciemny. Kolory akcentujące Function Slate #3c3f41 i Code Highlight #ffde7d. Paleta ma temperaturę kolorów Neutralny, Zimny, Ciepły.
Według jasności paleta rozciąga się od #3C3F41 (najciemniejszy) do #F1F1F1 (najjaśniejszy). Zakres jasności jest szeroki.
Nasycenie wydaje się głównie stonowane (niska chroma) — 67% kolorów jest stonowanych.
Odcienie pozostają w jednym obszarze koła barw i obejmują około 92°.
Ogólna temperatura barw przechyla się ku ciepłu (2 z 6).
Kody HEX (posortowane): #3C3F41, #A4B494, #DCDCDC, #F1F1F1, #FF595E, #FFDE7D
Paleta Frontend Compiler Visual Kit łączy 6 kodów kolorów:
HEX: #dcdcdc, RGB: (220, 220, 220); HEX: #3c3f41, RGB: (60, 63, 65); HEX: #f1f1f1, RGB: (241, 241, 241)
HEX: #a4b494, RGB: (164, 180, 148); HEX: #ff595e, RGB: (255, 89, 94); HEX: #ffde7d, RGB: (255, 222, 125)
Uproszczona wersja palety kolorów
Gainsboro, Ciemny odcień Ciemny łupkowy szary, Ciemny odcień Biały dym, Jasny odcień Ciemna zieleń morska, Ciemny odcień Łososiowy, Ciemny odcień Khaki
Schemat kolorów został stworzony przez raccoon
Kody kolorów w palecie
Frontend Compiler Visual Kit kody kolorów HEX, informacje RGB w tabeli
| Kolor | HEX | RGB | Nazwa | Alternatywna nazwa |
|---|---|---|---|---|
| #dcdcdc | #dcdcdc | RGB(220, 220, 220) | Build Dust | Gainsboro |
| #3c3f41 | #3c3f41 | RGB(60, 63, 65) | Function Slate | — |
| #f1f1f1 | #f1f1f1 | RGB(241, 241, 241) | Render Bone | — |
| #a4b494 | #a4b494 | RGB(164, 180, 148) | Component Olive | — |
| #ff595e | #ff595e | RGB(255, 89, 94) | Syntax Cherry | — |
| #ffde7d | #ffde7d | RGB(255, 222, 125) | Code Highlight | — |
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 |
|---|---|---|
#dcdcdc | #f1f1f1 | 1.21 |
#dcdcdc | #a4b494 | 1.6 |
#dcdcdc | #ffde7d | 1.04 |
#f1f1f1 | #a4b494 | 1.94 |
#f1f1f1 | #ffde7d | 1.16 |
#a4b494 | #ff595e | 1.39 |
Paleta obrazów Frontend Compiler Visual Kit png
Eksportuj paletę
Pobierz "Frontend Compiler Visual Kit" w różnych formatach, aby bezproblemowo zintegrować ją z projektami graficznymi.
Dostępne formaty: