OneKitTools logoOneKitTools
Torna a Sviluppatore

Palette colori CSS

Genera palette colori CSS armoniose con varianti e codice

Informazioni su Palette colori CSS

Genera harmonious color palettes from any base color — export as CSS variables, SCSS variables, or Tailwind config, all nel tuo browser.

Come usare Palette colori CSS

  1. 1Scegli a base color usando the color picker or enter a HEX value.
  2. 2Scegli a harmony type: Complementary, Analogous, Triadic, Split Complementary, Tetradic, or Monochromatic.
  3. 3Visualizza the generated palette with HEX, RGB, and HSL values for each color.
  4. 4Clicca any color swatch to copy its value.
  5. 5Esporta the entire palette as CSS Variables, SCSS Variables, or Tailwind Config.

Consigli

  • Le palette monocromatiche sono le più sicure per i principianti — appaiono sempre coerenti e professionali.
  • Le palette triadiche sono vivaci ma richiedono equilibrio — usa un colore come dominante e gli altri come accenti.
  • Esporta as Tailwind Config to drop the palette directly into your tailwind.config.js.

Strumenti correlati

Team OneKitToolsAggiornato 2.21.4