Esquemas de colores

Color Scheme Designer es una iniciativa de Petr Stanicek, diseñador web independiente.
Quien ha montado en este sitio web una herramienta on-line para ayudar a cualquier diseñador a elegir esquemas de colores armónicos.
A partir de un color en formato hexadecimal pueden consulartse combinaciones como

• monocromáticas
• complementarias
• triádicas
• tetrádicas
• anlógicas
• enfáticamente analógicas

Asimismo, pueden además, llevarse a cabo simulaciones con textos sobre los esquemas propuestos como también efectuar pruebas con algunos escenarios sobre simulaciones visuales.
Lo realmente atractivo de esta aplicación, es que cualquier combinación elegida tiene su propia URL (ver Scheme ID), lo cual facilita cualquier ulterior consulta.



Los esquemas, pueden exportarse en formato

• TXT
• CSS
• HTML
• XML

Ejemplo de CSS:

/* Primary Color: */

.primary-0 { color: #FF0000; background-color: #FF0000; border-color: #FF0000 }
.primary-1 { color: #BF3030; background-color: #BF3030; border-color: #BF3030 }
.primary-2 { color: #A60000; background-color: #A60000; border-color: #A60000 }
.primary-3 { color: #FF4040; background-color: #FF4040; border-color: #FF4040 }
.primary-4 { color: #FF7373; background-color: #FF7373; border-color: #FF7373 }

/* Secondary Color A: */

.secondary-a-0 { color: #FF7400; background-color: #FF7400; border-color: #FF7400 }
.secondary-a-1 { color: #BF7130; background-color: #BF7130; border-color: #BF7130 }
.secondary-a-2 { color: #A64B00; background-color: #A64B00; border-color: #A64B00 }
.secondary-a-3 { color: #FF9640; background-color: #FF9640; border-color: #FF9640 }
.secondary-a-4 { color: #FFB273; background-color: #FFB273; border-color: #FFB273 }

/* Secondary Color B: */

.secondary-b-0 { color: #009999; background-color: #009999; border-color: #009999 }
.secondary-b-1 { color: #1D7373; background-color: #1D7373; border-color: #1D7373 }
.secondary-b-2 { color: #006363; background-color: #006363; border-color: #006363 }
.secondary-b-3 { color: #33CCCC; background-color: #33CCCC; border-color: #33CCCC }
.secondary-b-4 { color: #5CCCCC; background-color: #5CCCCC; border-color: #5CCCCC }

/* Complementary Color: */

.complement-0 { color: #00CC00; background-color: #00CC00; border-color: #00CC00 }
.complement-1 { color: #269926; background-color: #269926; border-color: #269926 }
.complement-2 { color: #008500; background-color: #008500; border-color: #008500 }
.complement-3 { color: #39E639; background-color: #39E639; border-color: #39E639 }
.complement-4 { color: #67E667; background-color: #67E667; border-color: #67E667 }