Herramienta de paleta de colores

Genera paletas para temas del sitio a partir de un color base, garantiza accesibilidad y exporta datos de paleta listos para integrar en temas.

Tool coming soon!

We're working hard to get this tool ready for you.

Request Feature / Support

860+

Total Calculations Run

< 15ms

Browser Execution Speed

100%

Client-Side Privacy

4.9 / 5.0

User Satisfaction

AI Web Tool Generator

Build Your Own Custom Web Calculator in Seconds

Type what tool or calculator you need below. Our AI will build it instantly for your site.

Sobre esta herramienta

Esta herramienta acepta un color base y genera una paleta completa junto con pautas de accesibilidad y tokens listos para exportar. Soporta múltiples modos de armonía para producir conjuntos de colores coherentes que se alinean con los requisitos de branding de la intranet. Las salidas incluyen valores hex, recomendaciones de color de texto para legibilidad y tokens CSS para una integración sin fricciones en hojas de estilo.
La lógica subyacente convierte entre espacios de color, aplica estrategias de generación basadas en matices y ajusta la claridad para cumplir objetivos de contraste. También ofrece ajustes opcionales para daltonismo y variantes de modo oscuro para previsualizar implementaciones alternativas.
Diseñado para diseñadores UX, desarrolladores frontend y administradores de sitios, facilita la iteración rápida de temas, garantiza consistencia entre páginas y reduce el ajuste manual de muestras. Las salidas están listas para usar en CSS, payloads JSON o entregas de diseño, promoviendo branding repetible en ecosistemas intranet.

Save your calculation history with a free account

Cómo usar

Proporcione entradas: base_color_hex, palette_size y harmony_mode.
Opcional: configure contrast_target y active las opciones de accesibilidad.
Ejecute el cálculo para generar la paleta y los tokens.
Revise los valores hex generados, las sugerencias de color de texto y las variables CSS.
Exporte como variables CSS y/o JSON para integrarlo en su sitio.

How to use sharepoint color palette tool

Frequently Asked Questions

Encuentre respuestas rápidas

¿Qué entradas se requieren?

Las entradas requeridas incluyen base_color_hex (HEX de 6 dígitos), palette_size (4–8) y harmony_mode (analogous, complementary, triadic, square). Las entradas opcionales incluyen contrast_target y conmutadores para neutrales o variantes de modo oscuro.

¿Qué formatos pueden exportarse?

Las exportaciones incluyen variables CSS (p. ej., --sp-palette-0) y una paleta JSON con valores hex y HSL. Los valores hex se proporcionan para uso directo en hojas de estilo; las variables CSS pueden pegarse en sistemas de diseño.

¿Cómo se maneja la accesibilidad?

La herramienta calcula relaciones de contraste frente a fondos comunes y selecciona colores de texto para cumplir con WCAG AA (usualmente 4,5:1). Si no se puede cumplir, se sugieren ajustes de tono o luminosidad preservando la armonía.

¿Puedo adaptar para daltonismo o modo oscuro?

Sí. Los ajustes opcionales incluyen mejoras para daltonismo y variantes de modo oscuro. Puedes previsualizar y exportar paletas adaptadas a necesidades de accesibilidad y contextos de visualización diferentes.

Need to run multiple calculations?

Create a free account today to unlock unlimited daily runs, access advanced parameters, save your history, and request custom features.

Related Tools

Other useful calculators and utilities you might like

Convertidor de Spotify a MP3

Convierte archivos de audio proporcionados localmente a MP3, permitiendo escucha offline y compatibi...

Calculadora de Distancia por Carretera

Calculadora de distancia por carretera para viajeros, planificadores logísticos y conductores para e...

Calculadora de Edad

Determina rápidamente la edad de una persona a partir de su fecha de nacimiento con nuestra calculad...

Convertidor de divisas

Convierte rápidamente cantidades entre diferentes monedas con nuestro convertidor de divisas en líne...

Tu opinión importa

Ayúdanos a mejorar