Come si usa: Generatore di colore palette

Generatore di colore palette è uno strumento online gratuito di Strumenti colore che shades, tints and complementary schemes from one color istantaneamente nel browser. Incolla i dati, regola le opzioni e ottieni il risultato in tempo reale: senza installazione, senza registrazione, senza upload.

Usa Generatore di colore palette ora →

Descrizione

Shades, tints and complementary schemes from one color.

  • Strumenti colore
  • Essendo tutto client-side, Generatore di colore palette è sicuro anche per dati sensibili come chiavi API e token.
Input Generatore di colore palette Output Funziona al 100% nel browser: i dati non lasciano mai il dispositivo.
Generatore di colore palette — Input → Output

Come si usa

Usare Generatore di colore palette richiede tre passaggi:

  1. Incolla i dati nel campo di input (o carica l’esempio).
  2. Regola le opzioni in base al formato desiderato.
  3. Copia, scarica o consulta l’output — aggiornato in tempo reale.
Come si usa · Generatore di colore palette 1 Incolla i dati nelcampo di input (ocarica l’esempio). 2 Regola le opzioni inbase al formatodesiderato. 3 Copia, scarica oconsulta l’output —aggiornato in temporeale.
Come si usa

Esegui

Esempi

Shades + complements.

Input

#0ea5b7

Output

<div class="tb-inline" style="flex-wrap:wrap;gap:8px"><div class="tb-chip" style="background:#e7fbfd;color:#111;padding:10px 12px;border-radius:8px;cursor:pointer" title="click to copy" onclick="navigator.clipboard.writeText('#e7fbfd')">#e7fbfd</div><div class="tb-chip" style="background:#b8f3fa;color:#111;padding:10px 12px;border-radius:8px;cursor:pointer" title="click to copy" onclick="navigator.clipboard.writeText('#b8f3fa')">#b8f3fa</div><div class="tb-chip" style="background:#7ae9f5;color:#111;padding:10px 12px;border-radius:8px;cursor:pointer" title="click to copy" onclick="navigator.clipboard.writeText('#7ae9f5')">#7ae9f5</div><div class="tb-chip" style="background:#41dff1;color:#111;padding:10px 12px;border-radius:8px;cursor:pointer" title="click to copy" onclick="navigator.clipboard.writeText('#41dff1')">#41dff1</div><div class="tb-chip" style="background:#11cfe4;color:#111;padding:10px 12px;border-radius:8px;cursor:pointer" title="click to copy" onclick="navigator.clipboard.writeText('#11cfe4')">#11cfe4</div><div class="tb-chip" style="background:#0c97a6;color:#fff;padding:10px 12px;border-radius:8px;cursor:pointer" title="click to copy" onclick="navigator.clipboard.writeText('#0c97a6')">#0c97a6</div><div class="tb-chip" style="background:#085f68;color:#fff;padding:10px 12px;border-radius:8px;cursor:pointer" title="click to copy" onclick="navigator.clipboard.writeText('#085f68')">#085f68</div><div class="tb-chip" style="background:#043439;color:#fff;padding:10px 12px;border-radius:8px;cursor:pointer" title="click to copy" onclick="navigator.clipboard.writeText('#043439')">#043439</div></div><p class="tb-note">CSS: #e7fbfd #b8f3fa #7ae9f5 #41dff1 #11cfe4 #0c97a6 #085f68 #043439</p>

此输出由工具真实运行产生,并非人工编写。

Casi d’uso

Casi d’uso comuni di Generatore di colore palette:

  • Shades, tints and complementary schemes from one color.

Parametri

Questo strumento non ha opzioni: lavora solo sull’input.

FAQ

Cos’è Color Palette Generator?

Color Palette Generator serve a shades, tints and complementary schemes from one color. Funziona interamente nel browser, i dati restano privati.

È gratuito?

Sì, illimitato, senza registrazione né installazione.

I miei dati vengono caricati?

No, tutto è elaborato localmente nel browser.

Da sapere

  • 全部计算在浏览器端完成,因此超大输入受限于标签页内存,而非服务器上传限制。

Strumenti correlati

Generatore di colore palette → · Strumenti colore →

Usa Generatore di colore palette ora →