AkousaGerador
Gerador de Tons de Cor
Gere 11 tons e matizes de qualquer cor base com exportação em CSS, Tailwind, SCSS e JSON.
Press Escape to reset, Ctrl+Enter to copy export.
Esc ResetCtrl+Enter Copy export
#1E417Brgb(30, 65, 123)hsl(217, 61%, 30%)
#234E94rgb(35, 78, 148)hsl(217, 62%, 36%)
#295BACrgb(41, 91, 172)hsl(217, 62%, 42%)
#2F68C5rgb(47, 104, 197)hsl(217, 61%, 48%)
#3575DDrgb(53, 117, 221)hsl(217, 71%, 54%)
#3B82F6rgb(59, 130, 246)hsl(217, 91%, 60%)
#4F8FF7rgb(79, 143, 247)hsl(217, 91%, 64%)
#629BF8rgb(98, 155, 248)hsl(217, 91%, 68%)
#76A8F9rgb(118, 168, 249)hsl(217, 92%, 72%)
#89B4FArgb(137, 180, 250)hsl(217, 92%, 76%)
#9DC1FBrgb(157, 193, 251)hsl(217, 92%, 80%)
:root {
--color-d50: #1e417b;
--color-d40: #234e94;
--color-d30: #295bac;
--color-d20: #2f68c5;
--color-d10: #3575dd;
--color: #3b82f6;
--color-l10: #4f8ff7;
--color-l20: #629bf8;
--color-l30: #76a8f9;
--color-l40: #89b4fa;
--color-l50: #9dc1fb;
}Sobre o Gerador de Tons de Cor
O Gerador de Tons de Cor cria uma escala completa de 11 passos de tons e matizes a partir de qualquer cor base. Os tons são criados misturando a cor com preto (escurecendo), enquanto os matizes são criados misturando com branco (clareando). O resultado é uma escala de cores profissional semelhante às paletas de cores integradas do Tailwind CSS.
Como Usar
Insira qualquer código de cor HEX no campo de entrada ou use o seletor de cores. A ferramenta gera instantaneamente 5 tons mais escuros e 5 matizes mais claros junto com a cor original. Clique em qualquer amostra para copiar seu valor HEX. Use o painel de exportação para baixar a escala completa como variáveis CSS, configuração Tailwind, variáveis SCSS ou JSON.
Casos de Uso Comuns
- Criar paletas de cores completas para sistemas de design
- Gerar escalas de cores personalizadas para Tailwind CSS
- Construir sistemas de cores de UI acessíveis com contraste suficiente
- Projetar variantes de modo escuro para cores de marca
- Exportar tokens de cor para sistemas de design CSS ou SCSS
Frequently Asked Questions About Gerador de Tons de Cor
What is Gerador de Tons de Cor?
Gerador de Tons de Cor is a free online tool on akousa.net, a platform with 559+ browser-based utilities. Gere 11 tons e matizes de qualquer cor base com exportação em CSS, Tailwind, SCSS e JSON. No installation is required.
How do I use Gerador de Tons de Cor?
Simply open Gerador de Tons de Cor on akousa.net, enter or upload your data, configure any options, and click the action button. Results appear instantly in your browser.
Is Gerador de Tons de Cor free?
Yes, the core Gerador de Tons de Cor experience is free to use without signup. All 559+ tools remain available for everyday use, while Akousa Pro adds optional premium platform features and ad-free browsing.