CanDoYa
CA

Barreja colors en línia

Funciona del tot al navegador: sense pujar res ni registrar-te.

Tria dos colors digitals i arrossega el control per ajustar la proporció de la barreja.

50% A / 50% B
Color barrejatBarreja sRGB digital
#9a7b8650% A / 50% B
HEX#9a7b86
RGBrgb(154, 123, 134)
HSLhsl(339, 13%, 54%)
CSS--mixed-color: #9a7b86;
Comparteix aquesta eina

Què és un mesclador de colors?

Un mesclador de colors combina dos colors digitals en la proporció que triïs i mostra el color resultant a l'instant. Selecciona o enganxa dos valors HEX, mou el control de barreja i copia el resultat com a HEX, RGB, HSL o variable CSS. Tot el càlcul es fa al navegador.

Com s’utilitza

  1. 1Tria dos colors. Fes servir els selectors de color o enganxa un valor HEX de 3 o 6 dígits als camps Color A i Color B.
  2. 2Ajusta la proporció. Arrossega el control cap a A o B. La previsualització i tots els valors de color s'actualitzen immediatament.
  3. 3Copia el resultat. Copia el color barrejat com a HEX, RGB, HSL o propietat personalitzada CSS a punt per utilitzar.

Per a qui és

Aquest mesclador calcula la mitjana ponderada dels canals vermell, verd i blau de dos colors sRGB. Al 50%, tots dos colors hi contribueixen per igual. Mou el control cap a un extrem per conservar més quantitat del color d'origen corresponent. Els colors no surten del teu dispositiu, i pots enganxar qualsevol resultat directament en un fitxer de disseny o un full d'estils.

La barreja RGB digital no funciona com la barreja de pintura. Els pigments absorbeixen llum i poden donar un resultat més fosc o menys saturat. Aquesta eina crea una mescla precisa de colors de pantalla per a webs, interfícies i altres projectes digitals.

Preguntes freqüents

Aquest mesclador de colors és gratuït?

Sí. El pots fer servir gratis, sense compte, descàrrega ni límit d'ús. Tria dos colors, ajusta'n la proporció i copia tants resultats com necessitis.

Els meus colors es pugen a algun lloc?

No. Els valors de color es barregen amb JavaScript al teu navegador. No s'envia res a cap servidor, de manera que pots provar amb seguretat colors de marca o de producte que encara no s'han publicat.

Quants colors puc barrejar?

L'eina barreja dos colors cada vegada perquè en puguis controlar la relació amb precisió. Per afegir-ne un tercer, copia el primer resultat en un dels camps i barreja'l amb el color següent.

Com calcula el resultat el mesclador de colors?

Converteix els dos colors HEX en valors dels canals vermell, verd i blau, aplica el percentatge seleccionat a cada canal, suma les aportacions i arrodoneix el valor a l'enter més proper. Després converteix el resultat a HEX, RGB i HSL.

Mostra quin color surt en barrejar dues pintures?

No. És un mesclador sRGB digital per a colors que es veuen en una pantalla. La pintura utilitza una barreja subtractiva de pigments que depèn dels materials, la concentració i la il·luminació. La mescla física pot quedar més fosca o canviar de tonalitat.

Puc barrejar colors HEX abreujats?

Sí. Pots introduir un valor de 3 dígits com #f06 o un de 6 dígits com #ff0066, amb el signe # inicial o sense. Els valors abreujats s'amplien automàticament a la forma habitual de 6 dígits.