🎨 Teoría del Color

Explora las armonías cromáticas y descubre las relaciones entre colores con esta herramienta interactiva

🎨

Color Seleccionado

Negro

  • HEX:
    #000000
  • RGB:
    rgb(0, 0, 0)
  • HSL:
    hsl(0, 0%, 0%)
🔄

Complementario

El color opuesto en la rueda cromática, creando el máximo contraste.

Negro

  • HEX:
    #000000
  • RGB:
    rgb(0, 0, 0)
  • HSL:
    hsl(0, 0%, 0%)
📐

Colores Análogos

Colores adyacentes en la rueda cromática, creando armonía natural.

Negro

  • HEX:
    #000000
  • RGB:
    rgb(0, 0, 0)
  • HSL:
    hsl(0, 0%, 0%)

Negro

  • HEX:
    #000000
  • RGB:
    rgb(0, 0, 0)
  • HSL:
    hsl(0, 0%, 0%)
🔺

Triada Cromática

Tres colores equidistantes en la rueda cromática, ofreciendo contraste vibrante.

Negro

  • HEX:
    #000000
  • RGB:
    rgb(0, 0, 0)
  • HSL:
    hsl(0, 0%, 0%)

Negro

  • HEX:
    #000000
  • RGB:
    rgb(0, 0, 0)
  • HSL:
    hsl(0, 0%, 0%)

Negro

  • HEX:
    #000000
  • RGB:
    rgb(0, 0, 0)
  • HSL:
    hsl(0, 0%, 0%)
🔲

Tétrada Cromática

Dos pares de colores complementarios, resultando en combinaciones ricas y variadas.

Negro

  • HEX:
    #000000
  • RGB:
    rgb(0, 0, 0)
  • HSL:
    hsl(0, 0%, 0%)

Negro

  • HEX:
    #000000
  • RGB:
    rgb(0, 0, 0)
  • HSL:
    hsl(0, 0%, 0%)

Negro

  • HEX:
    #000000
  • RGB:
    rgb(0, 0, 0)
  • HSL:
    hsl(0, 0%, 0%)

Negro

  • HEX:
    #000000
  • RGB:
    rgb(0, 0, 0)
  • HSL:
    hsl(0, 0%, 0%)
⚪

Tintes

El color mezclado con blanco, aumentando la luminosidad.

Negro

  • HEX:
    #000000
  • RGB:
    rgb(0, 0, 0)
  • HSL:
    hsl(0, 0%, 0%)
⚫

Sombras

El color mezclado con negro, reduciendo la luminosidad.

Negro

  • HEX:
    #000000
  • RGB:
    rgb(0, 0, 0)
  • HSL:
    hsl(0, 0%, 0%)
¡Copiado al portapapeles!