Cómo usar: Generador de color paleta

Generador de color paleta es una herramienta online gratuita de Herramientas de color que shades, tints and complementary schemes from one color al instante en tu navegador. Pega tus datos, ajusta las opciones y obtén el resultado en tiempo real: sin instalación, sin registro y sin subir nada a un servidor.

Usar Generador de color paleta ahora →

Descripción

Shades, tints and complementary schemes from one color.

  • Herramientas de color
  • Como todo se calcula en el cliente, Generador de color paleta es seguro para datos sensibles como claves API o tokens.
Entrada Generador de color paleta Salida Funciona 100% en tu navegador: tus datos nunca salen del dispositivo.
Generador de color paleta — Entrada → Salida

Cómo usar

Usar Generador de color paleta requiere tres pasos:

  1. Pega tus datos en la caja de entrada (o carga el ejemplo).
  2. Ajusta las opciones al formato o escenario deseado.
  3. Copia, descarga o revisa la salida: se actualiza mientras escribes.
Cómo usar · Generador de color paleta 1 Pega tus datos en lacaja de entrada (ocarga el ejemplo). 2 Ajusta las opciones alformato o escenariodeseado. 3 Copia, descarga orevisa la salida: seactualiza mientrasescribes.
Cómo usar

Ejecutar

Ejemplos

Shades + complements.

Entrada

#0ea5b7

Salida

<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>

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

Casos de uso

Situaciones habituales donde Generador de color paleta ayuda:

  • Shades, tints and complementary schemes from one color.

Parámetros

Esta herramienta no tiene opciones: trabaja solo con la entrada.

Preguntas frecuentes

¿Qué es Color Palette Generator?

Color Palette Generator sirve para shades, tints and complementary schemes from one color. Funciona íntegramente en tu navegador, así tus datos siguen siendo privados.

¿Es gratuito?

Sí, sin límites, sin registro y sin instalación.

¿Se suben mis datos?

No. Todo se procesa localmente en tu navegador.

A tener en cuenta

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

Herramientas relacionadas

Selector de hexadecimal colorInteractive picker with HEX, RGB and HSL output.Conversor de color CodeConvert between HEX, RGB, HSL and named colors.color contraste Comprobador (WCAG)Verify text contrast ratios against WCAG AA/AAA.Generador de aleatorios colorBatch random colors with copyable codes.Referencia de CSS Con nombre ColoresAll 148 CSS color names with codes and previews.Mezclador de colorBlend two colours in sRGB, HSL or perceptual CIE Lab and generate a ramp with contrast ratios.

Generador de color paleta → · Herramientas de color →

Usar Generador de color paleta ahora →