Product Design, Manufacturing & Innovation Resources
Lar » Ferramentas online » Seletor de cores HTML

Seletor de cores HTML

Não se trata exatamente de escolher as combinações de cores mais bonitas, mas sim de converter códigos de cores entre os vários formatos.

Hex RGB HSL

(Mas observe o menu à esquerda: você também encontrará paletas de cores e outras ferramentas gráficas.)

Disciplinas: Design web, design gráfico, design de interface do usuário, desenvolvimento front-end.
Alternativa gratuita ao Adobe Color: Coolors.
HTML Color Picker compared with Adobe Color and Coolors
Seletor de cores HTMLAdobe ColorRefrigeradores
Objetivo principal: Reading and converting a single colour. You pick a colour from a palette image or type a value, then read it as HEX, RGB and HSL for use in HTML and CSS.Objetivo principal: Building a coordinated scheme from a base colour. The tool is organised around colour rules, not around converting one value between notations.Objetivo principal: Generating and saving whole palettes. Single value conversion is secondary to browsing and editing a set of colours.
Colour harmony support: Limited to lighter and darker shades of the chosen hue, with links to a shade tool and a colour mixer. There is no harmony rule engine.Colour harmony support: Offers monochromatic, complementary, analogous, triadic and split-complementary rules applied to a base colour, which suits systematic scheme design.Colour harmony support: Produces palettes of up to 5 colours on the free plan and up to 10 on Pro. The listed features focus on browsing and editing palettes.
Accessibility checks: No contrast or colour vision checks are listed on the picker page. It only shows sample black and white text on the selected colour.Accessibility checks: Includes a contrast checker based on WCAG ratios and a preview of the palette under several types of colour blindness.Accessibility checks: Palette contrast checks are listed as a Pro feature, so they are not part of the free plan.
Conta e custo: The picker page states no price and needs no sign-in. The surrounding site promotes paid plans, courses and certificates.Conta e custo: Starts with a free sign-up call to action, and palettes can be saved to a personal library for reuse in other creative projects.Conta e custo: The free plan has no time limit but caps saved palettes at 10 and shows ads. Pro is a paid plan and removes those limits.
Quando escolher: Choose it for a quick notation conversion while writing CSS, with no account and no setup.Quando escolher: Choose it when you need a rule-based scheme with built-in accessibility checks.Quando escolher: Choose it when you want to iterate on many palettes and organise them into projects.

Tópicos abordados: Seletor de cores HTML, conversão de cores, Hex, RGB, HSL, códigos de cores, paletas de cores, ferramentas gráficas, representação de cores, design web, teoria das cores, interface do usuário, ISO 9241, ISO 12647, ISO 3664, IEC 61966 e ISO 11064.

Mais Gráficos 2D, Rede e Web ferramentas

Sugira a melhor ferramenta online:

Você conhece um site melhor, complementar ou substituto para o listado acima?

> Sugira aqui <

10º ano aniversário

Imagens em tamanho real e downloads estão disponíveis apenas, 100% gratuitos, para membros registrados.