🎨 Combinación de Colores en Moda y Programación con PHP: ¡Mezcla Creatividad y Código!

Hola bienvenidos a otro post de este blog, estuve pensando en que otra área podíamos utilizar programación así que leyendo las noticias e Instagram, el 4 de mayo debió llevarse acabo La MET Gala , que es un evento que promueve (Museo Metropolitado de New York) donde artistas, famosos y celebridades acuden al evento y siguen una temática en su vestimenta, este año es Tiempo: moda y su permanencia como no se llevo acabo muchos artistas decidieron recordar en Instagram con fotos de galas anteriores y Vogue hizo un vídeo con los momentos más representativos.

Como resultado de esto Pensé en la Moda para generar un programa y este post, no me considero una persona con el criterio para dar consejos de moda, pero si una persona que pueda desarrollar una Página que de manera aleatoria nos sugiera 4 colores a combinar en nuestra ropa .

Les platico un poco más acerca de la moda, hay 2 temporadas para la semana de la moda una para la colección primavera-verano y otra otoño-invierno las semanas de la moda terminaron el 28 de Febrero de 2020 en Milán pero en Septiembre 11 comienzan de Nuevo en New York, les comparto las fechas y las ciudades

Del 6 al 14 de Febrero y del 11 al 16 de Septiembre, fue la semana da la moda en New York
Del 14 al 18 de Febrero y del 18 al 22 de Septiembre, fue la semana de la moda en Londres
Del 18 al 24 de Febrero y del 22 al 28 de Septiembre, semana de la moda en Milan
Del 24 de Febrero al 4 de marzo y del 28 de Septiembre al 6 de Octubre, la semana de la moda en París
Otros eventos que son importantes para la moda son los premios como los Golden Globe, los Oscares, Emys, Gramys, MET Gala

Si quieren ver las fechas e incluso las agendas pueden verlo en las siguientes ligas:

Cada año existen los colores de temporada y diferente temporadas en la moda de acuerdo a las temporadas, primavera,verano,otoño invierno

Este año por lo que leí los colores son:

Naranja
Saffron
Aguamarina
Verde Hierba fresca
Rosado Coral
Morado
Classic Blue o lei Heridate BLue

Bueno buscando todo esto pensé en como hacer una Pagina WEB , que te ayude a poder armar tus combinaciones en tu look y que estés a la moda.

Primer paso arme mi colección de moda con 6 diseños:

Esta moda esta inspirada en una muñeca recortarle que vendían y que podías vestir, quizá viendo una imagen algunos la recuerden.

Mis diseños no tiene color, porque el color los vamos a mostrar en la página en base a los colores de moda de esta temporada Primavera-Verano 2020, la página nos va a calcular la combinación y el atuendo de manera aleatoria

La página es

https://ejemploprogramacionparatodos.000webhostapp.com/Pagina_moda.html

La pantalla de inicio tiene los 6 diseños y 2 botones: Diseño a vestir y Colores a combinar

Ejemplo de cómo las combinaciones de colores en moda pueden inspirar el diseño y programación web con PHP

Con el botón diseño a vestir abre una pantalla con la sugerencia del diseño a vestir

Con el botón colores a combinar , te abre otra pantalla con la sugerencia de 4 colores a combinar

La página HTML

<html>

<head>

<title>Combinaciones de Ropa</title>

</head>

<body>

<p> Esta página es un ejemplo de como mostrar combinación de colores </p>

<p> Primero mi coleccion de moda ProgramacionParaTodos 2020 </p>

<img src="esquema.png" alt="Smiley face" height="300" width="800">

<p>Ahora vamos a presionar el botón de Diseño a Vestir para

elegir un modelo y despúes el botón Colores a Combinar para saber cuales utilizar

y ¡¡¡vestir así el día de hoy!!!

<form action="pagina_moda2.php" method="GET">

<div align="center">

<input type="submit" value="Diseño a Vestir"/>

</div>

</form>

<form action="pagina_moda3.php" method="GET">

<div align="center">

<input type="submit" value="Colores a Combinar"/>

</div>

</form>

</body>

</html>

El programa en PHP para seleccionar modelo

<?php

$num_atuendo = rand(1, 6);

$esquema = "esquema" . strval($num_atuendo) . ".png";

header("Content-type: image/png");

$im = imagecreatefrompng($esquema);

imagepng($im);

imagedestroy($im);

Para el programa cada imagen es un archivo con nombre esquema1.png.... hasta el esquema6.png, lo que hacemos generar un numero aleatorio para que nos muestre el esquema correspondiente a ese número aleatorio.

El programa en PHP para seleccionar colores

<?php

// Crear una imagen de 200 x 200

$lienzo = imagecreatetruecolor(500, 100);

// Asignar colores

$azul = imagecolorallocate($lienzo, 51, 85, 139);

$amarillo = imagecolorallocate($lienzo, 254, 175, 18);

$verde = imagecolorallocate($lienzo, 78, 196, 164);

$chiva = imagecolorallocate($lienzo,86, 92, 70);

$rosa = imagecolorallocate($lienzo, 233, 172, 157);

$canela = imagecolorallocate($lienzo, 162, 85, 58);

$uva = imagecolorallocate($lienzo,114, 97, 124);

$sol = imagecolorallocate($lienzo,239, 218, 164);

// Dibujar 4 cuadrados, cada uno con su color

$col1 = rand(1,8);

switch ($col1) {

case 1:

imagefilledrectangle($lienzo, 4, 4, 100, 100, $azul);

break;

case 2:

imagefilledrectangle($lienzo, 4, 4, 100, 100, $amarillo);

break;

case 3:

imagefilledrectangle($lienzo, 4, 4, 100, 100, $verde);

break;

case 4:

imagefilledrectangle($lienzo, 4, 4, 100, 100, $chiva);

break;

case 5:

imagefilledrectangle($lienzo, 4, 4, 100, 100, $rosa);

break;

case 6:

imagefilledrectangle($lienzo, 4, 4, 100, 100, $canela);

break;

case 7:

imagefilledrectangle($lienzo, 4, 4, 100, 100, $uva);

break;

case 8:

imagefilledrectangle($lienzo, 4, 4, 100, 100, $sol);

break;

}

........

$col4 = rand(1,8);
switch ($col4) {
case 1:
imagefilledrectangle($lienzo, 360, 4, 460 , 100, $azul);
break;
case 2:
imagefilledrectangle($lienzo, 360, 4, 460 , 100, $amarillo);
break;
case 3:
imagefilledrectangle($lienzo, 360, 4, 460 , 100, $verde);
break;
case 4:
imagefilledrectangle($lienzo, 360, 4, 460 , 100, $chiva);
break;
case 5:
imagefilledrectangle($lienzo, 360, 4, 460 , 100, $rosa);
break;
case 6:
imagefilledrectangle($lienzo, 360, 4, 460 , 100, $canela);
break;
case 7:
imagefilledrectangle($lienzo, 360, 4, 460 , 100, $uva);
break;
case 8:
imagefilledrectangle($lienzo, 360, 4, 460 , 100, $sol);
break;
}

// Imprimir y liberar memoria

header('Content-Type: image/jpeg');

imagejpeg($lienzo);

imagedestroy($lienzo);

Luego para saber de que color vestirse tome los códigos de colores RGB de la página https://simpledits.com/color-palette-guide-with-pantone-colors-for-spring-summer-2020-nyfw-with-hex-cmyk-and-rgb-values/ y puse igual 4 funciones rand para saber que colores pintar

Para más información de la función rand de PHP vean la liga https://www.php.net/manual/es/function.rand.php
Para más información de la función imagepng de PHP vean la liga https://www.php.net/manual/es/function.imagepng.php
Para más información de la función imagefilledrectangle de PHP vean la liga https://www.php.net/manual/es/function.imagefilledrectangle.php

Recuerden probar la página

https://ejemploprogramacionparatodos.000webhostapp.com/Pagina_moda.html

La verdad es una página muy sencilla y pueden hacer o existen otras aplicaciones más complejas que te permiten crear un closet virtual y armar combinaciones, o buscar tendencias de moda por ejemplo, buscar un atuendo por fotografía les comparto algunas opciones que encontré:

También existe la opción de closets con tecnología como

https://www.experienciaslg.com.pe/tecnologia/lg-presenta-un-closet-inteligente-que-elimina-las-arrugas-y-bacterias-de-la-ropa/

No olviden compartirnos y seguirnos en este blog o en Facebook.

Dashboard de Tenis en Tiempo Real con WebSocket y JavaScript