Binatomy
Convertitore Colori

Convertitore Colori

Converti colori tra HEX, RGB e HSL con palette complementari, analoghi e triadici

Formati Colore

HEX

#6366F1

RGB

rgb(99, 102, 241)

HSL

hsl(239, 84%, 67%)

Valori RGB

R: 99 G: 102 B: 241

Palette Colori

Complementare

Analoghi

Triadici

FAQ

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 中使用。