HeronTool
Polski▾
Zaloguj
EnglishEnglish 中文Chinese 繁體中文Chinese (Traditional) EspañolSpanish FrançaisFrench DeutschGerman PortuguêsPortuguese ItalianoItalian РусскийRussian العربيةArabic 日本語Japanese 한국어Korean हिन्दीHindi Bahasa IndonesiaIndonesian Tiếng ViệtVietnamese ไทยThai TürkçeTurkish PolskiPolish
Strona główna › Zasoby designu › Color Shades Generator

Color Shades Generator

Generate a 50-950 color scale with CSS variables from one base color.

Kolor Paleta Projektowanie
Palette—

Jak używać

  1. Adjust the values above.
  2. Results and CSS update live.
  3. Click Copy.

Przykłady użycia

Generate a 50-950 color scale with CSS variables from one base color.

Nic nie jest wysyłane — wszystko przetwarzane lokalnie w przeglądarce.

Komentarz / Zgłoś / Moje notatki

Najpierw się zaloguj — Zaloguj

Najpierw się zaloguj — Zaloguj

Najpierw się zaloguj — Zaloguj

Powiązane narzędzia
Generator gradientów Generuje liniowe/radialne gradienty CSS z podglądem na żywo. Gradient Podgląd czcionek Wpisz tekst i zmień rodzinę czcionek, aby zobaczyć podgląd na żywo. Czcionka Szukanie ikon Szukaj ikon Tabler i kopiuj ich SVG jednym kliknięciem. Ikona Generator palet Zbuduj harmonijną paletę (analogiczną/komplementarną) z koloru bazowego. Paleta Generator makiet Upuść URL lub zrzut ekranu w ramkę mockupu urządzenia. Mockup Kontrast kolorów Sprawdza kontrast WCAG tekstu na tle. Kontrast Generator box-shadow Wizualnie buduje box-shadow CSS. Cień Generator text-shadow Buduje text-shadow CSS. Cień