Convertitore Colori
Formati Colore
#6366F1
rgb(99, 102, 241)
hsl(239, 84%, 67%)
R: 99 G: 102 B: 241
Palette Colori
Complementare
Analoghi
Triadici
Domande Frequenti
Tutto quello che devi sapere sulla conversione dei colori
Qual e la differenza tra RGB e HSL?
RGB (Red, Green, Blue) definisce i colori come combinazione di tre canali di luce (rosso, verde, blu) con valori da 0 a 255 ciascuno. HSL (Hue, Saturation, Lightness) e un modello piu intuitivo che descrive il colore in base alla tinta (0-360 gradi), alla saturazione (0-100%) e alla luminosita (0-100%). HSL e spesso preferito dai designer perche piu facile da manipolare.
Come funzionano i colori complementari?
Il colore complementare si trova a 180 gradi di distanza sulla ruota cromatica. I colori complementari creano il massimo contrasto tra loro e sono usati nel design per attirare l'attenzione. Ad esempio, il complementare del blu e l'arancione, del rosso e il ciano, del verde e il magenta.
Cosa sono i colori analoghi e triadici?
I colori analoghi sono adiacenti sulla ruota cromatica (a circa 30 gradi di distanza) e creano armonie morbide e naturali. I colori triadici sono equidistanti (a 120 gradi l'uno dall'altro) e formano un triangolo sulla ruota cromatica, creando combinazioni vivaci ed equilibrate.
Posso usare il formato HEX per il CSS?
Si, il formato HEX e il piu usato nel CSS e nel web design. Il formato a 6 caratteri (#RRGGBB) e supportato da tutti i browser. Puoi anche usare la versione abbreviata a 3 caratteri (#RGB) quando ciascuna coppia ha cifre identiche. Il convertitore mostra anche i formati RGB e HSL, entrambi validi in CSS.
RGB 和 HSL 有什么区别?
RGB(红、绿、蓝)通过三个光通道(各 0-255)定义颜色。HSL(色调、饱和度、亮度)是更直观的模型,通过色调(0-360°)、饱和度(0-100%)和亮度(0-100%)描述颜色,设计师更常用 HSL,因为它更易于调整。
互补色是如何工作的?
互补色位于色轮上相差 180° 的位置,互补色之间对比最强,常用于吸引注意力。例如,蓝色的互补色是橙色,红色的是青色,绿色的是洋红色。
我可以在 CSS 中使用 HEX 格式吗?
是的,HEX 格式是 CSS 和网页设计中最常用的格式。6 位格式(#RRGGBB)所有浏览器都支持。当每对数字相同时,也可以使用 3 位简写形式(#RGB)。转换器还显示 RGB 和 HSL 格式,均可在 CSS 中使用。