Uso de Paletton para ayudarlo a elegir la paleta de colores de su sitio de WordPress

En esta publicación, analizaremos cómo usar Paletton para elegir la paleta de colores de su sitio de WordPress.Paletton es un generador de paleta de colores en línea fácil de usar que le ahorrará mucho tiempo.No todos los clientes de diseño web tendrán un esquema de color de marca y volverán a usted para elegir los colores para su sitio web.Desde aquí, el Palletton llega a la mano.Entre todas las opciones disponibles en línea, Paletton es una de las favoritas debido a la función en vivo.La aplicación no se ha actualizado durante algunos años, pero afortunadamente funciona perfectamente para lo que necesita.Encontrará la aplicación en Paletton.com.Ignora los anuncios de Google a tu alrededor y estás listo para comenzar.
Por qué es importante elegir los colores correctos para su sitio web antes de analizar en profundidad cómo usar la aplicación Paletton, analicemos rápidamente por qué tiene la paleta de colores correcta en un sitio web. Como saben, los colores usan mensajes subliminales que afectan las emociones del espectador y finalmente sus decisiones. Los colores también deben representar a la marca de la compañía de sitios web. La mejor manera de elegir una paleta de colores para un sitio web es considerar el estado de ánimo que desea mostrar. De la misma manera que los diseñadores de interiores eligen los colores para proporcionar una disposición específica a un espacio, puede hacer lo mismo para un sitio web. Piense en las primeras impresiones; Cuando alguien aterrice en un sitio web con colores brillantes y vibrantes, se sentirá satisfecho e incluso puede sonreír. Un sitio web con una paleta baja en neutral puede calmar a una persona e inculcar una sensación de comodidad. Por supuesto, los colores que elija también deben coincidir con la marca. En la combinación y el tono, como diseñador web, usted trata con el centro de atención. Elegir el mejor uso del color en una paleta también es importante para el estado de ánimo de un sitio. Es por eso que Paletton es uno de los generadores de paletas de colores favoritas. Puede obtener una vista previa de cómo se aplica una paleta de colores en diferentes combinaciones en un sitio web. Esto te ayuda a tomar mejores decisiones sobre los colores que eliges. Poner el color oscuro como fondo en lugar del color claro hará una gran diferencia en el diseño final.
Todas las paletas de colores comienzan con un color básico para cada paleta de colores que cree en Paletton, necesitará un color básico para funcionar. Pero, ¿cómo sabes qué color básico usar? Eche un vistazo al contenido del cliente, su marca y cualquier imagen se ofreciera. Si su cliente tiene un logotipo de color, úselo como un color básico.

Use una herramienta de goteo para extraer un color o dos de una de las imágenes que le dio el cliente.
Pregúntele a su cliente sobre el estado de ánimo y la marca sobre su empresa.
Si crea modelos web para venderlos en forma de plantillas o temas para niños o para su cartera, elija un color de acuerdo con la condición deseada con su diseño.
Al crear una paleta de paletton, puede elegir visualmente un color básico o código hexadecimal en la pestaña hexagonal básica.
Conocer la interfaz de usuario de la aplicación Paletton ahora es el momento de comenzar a crear paletas. Echemos un vistazo a cómo está configurado todo. La aplicación tiene dos secciones principales; El lado izquierdo se refiere a la selección de colores, y el lado derecho ve las vistas previas. Echemos un primer vistazo a la herramienta de selección de color izquierdo. Lo que cambie en este lado cambia los resultados del lado recto, pero es mejor entender por qué cada lado es capaz. Lado izquierdo: selectores de color Lo primero que nota cuando ingresa a la aplicación Paletton es la rueda de colores. La visualización predeterminada tiene el color básico como rojo neutro en una paleta monocromática (1 color).
Verá un conjunto de 5 puntos en una línea dentro del círculo de color. El punto en el centro es el color básico, dos puntos agregan brillo y desaturación, mientras que los otros dos agregan contraste y saturación. Las combinaciones de colores sobre el círculo de color son cinco botones combinados. Las opciones son de izquierda a derecha: monocromático – 1 color + complementario opcional
Adyacente – 3 colores + complementario opcional
Triádico – 3 colores + complementario opcional
Tetrad – 4 colores
Estilo gratis – 4 colores
Color básico Para cambiar el color básico, puede hacer cualquiera de los siguientes:
Tire del punto de color principal en cualquier lugar del círculo exterior.
Tire del punto medio dentro del círculo para elegir un tono diferente del color principal elegido en el círculo exterior
Ingrese un código hexagonal en la pestaña inferior izquierda.
Para convertir un color secundario en el color básico, deberá hacerlo en la vista previa de la pantalla. Más sobre esto más tarde.
Al tirar del punto base dentro del círculo, todos los demás puntos se mueven con él, presentando las variantes de sombra. También puede seleccionar colores individuales haciendo clic en Shift antes de tirar.
Ajuste fino El botón en la esquina superior izquierda del círculo le permite ingresar manualmente los tonos para un ajuste fino. Hay varias funciones de ajuste fino con el botón inferior derecho. Aquí puede ajustar todo sobre los colores que ha elegido:
Sombra
Saciedad

luminosidad
Contraste
Simplemente haga clic en botones para agregar o disminuir cada efecto en 1, 5 o 10 grados.
Los preajustes de acuerdo con el área básica de selección de color de color tienen dos opciones de selección principales; Colores y preajuste. Miramos la sección de color arriba. Ahora, visitemos la pestaña preestablecida. Dependiendo del color y la combinación básicos que seleccionó, el preajuste mostrará una variedad de variables. Estos son útiles si no desea molestar con la sombra, la saturación, el brillo y el contraste por su cuenta. Estos preajuste pueden darle una buena idea sobre lo que es posible con los colores que ha elegido y si hay posibles paletas secundarias que lo harán Completa el primero.
Lado derecho: vista previas de la paleta en el lado derecho del Palletton puede ver todas las vistas previas en vivo. El área principal se separa en cuatro secciones para ver paletas monocromáticas o dos con dos, tres o cuatro colores. Cada sección de color muestra el color básico en el área más grande y cuatro variaciones a su alrededor. En la imagen a continuación verá cómo funcionan el selector de color y la vista previa.
En el cuadrado de vista previa hay una pestaña en la que puede cambiar la apariencia de las vistas previas. La visualización predeterminada es definitivamente la mejor, pero si desea cambiar el aspecto de las cosas, ese botón está ahí para usted.

Al cambiar el color básico en la sección de vista previa, puede hacer clic en uno de los colores secundarios o complementarios y convertirlos en el color básico. Coloque el cursor sobre cualquier color y haga clic en “más información”. Además de ver toda la información para ese color, verá un botón que dice “Aplicar como un color básico”. Al hacer clic en esto, todos los colores de la paleta cambiarán. El uso de la función de simulación de visión Paletton Una de las características más importantes de Paletton es la capacidad de evaluar cómo se verán sus colores en casos inesperados. La función se llama “simulación visual” y la encontrará en el cuadrado de vista previa. Estas son las simulaciones disponibles:
Simulación de color ciega


Desaturado
Simulación gamma

Colores de web (paleta de colores antigua 216)


Esta es una herramienta excelente si crea una paleta para un sitio web. Puede ver si su paleta se verá bien en todos estos casos. Lo más útil es la simulación del daltonismo. ¡Es bueno asegurarse de que todos los colores se diferencien entre ellos!
Vea ejemplos en vivo de su paleta de colores Otra herramienta práctica en Paletton es la pestaña que le muestra cómo se verá la paleta en un ejemplo de un sitio web y otros estilos de diseño. Encontrará estas simulaciones en la pestaña “Ejemplos …”. La primera opción es una apariencia de página y esto tiene algunas opciones:
La página blanca
La página oscura
Diseño positivo
Diseño negativo

La aplicación puede mostrarle otras simulaciones de patrones artísticos con la paleta de colores. Hay algunos ejemplos estáticos y animados. Estos son prácticos para tener una buena idea de cuánta paleta de colores potencial tiene.
Además, en esta etapa, puede aleatorizar su paleta de diferentes maneras: colores similares, en lugar del estilo
En contraste con el
me gusta
A diferencia de los colores, estilo similar
¡Asegúrese de obtener una copia de la paleta antes de aleatorizar! No es un camino de regreso.

La exportación y la copia de una paleta de colores ahora que ha ajustado y previo previo la paleta de colores, es hora de exportarla desde Palletton y prepararla para su sitio web. Hay algunas formas diferentes de copiar o exportar la paleta. En la parte superior derecha de la ventana hay un botón que dice “Comparte la paleta”, pero parece que se ha roto hace algún tiempo. Ignora el botón porque no hace nada. Copie la paleta en cualquiera de estas otras formas:
Copie los códigos hexagonales para colores individuales, coloque el cursor para verlo y haga clic para abrir la ventana de información.
Haga clic en “Tablas / Exportar” para ver los paletas en diferentes formatos.
En la tabla / exportación ‘pestaña’, exporte a cualquiera de estos formatos:
Listas de colores
Html

MENOS
CSS
Hablar con descaro a
XML
texto
Especímenes de color
Imagen de PNG
ACO (Photoshop)
LPL (GIMP)
También puede ver combinaciones de colores en la paleta elegida.
¡Agregar colores a su sitio de WordPress ahora es el momento de agregar colores a su sitio! Debido a que la aplicación Paletton no se ha actualizado durante más de 6 años, es mejor descargar la versión de texto simple e ingresar manualmente los colores en la hoja de estilo. Las funciones de exportación pueden no funcionar con la hoja de estilo HTML o CSS de su sitio web.
Para agregar colores al tema Divin, explore las opciones de tema e ingrese cada color con el código hexagonal correspondiente. ¡Esta es una envoltura de color!He terminado de revisar los pasos para crear una paleta de colores Paletton.Las funciones básicas de la aplicación son similares a otras aplicaciones para la paleta de colores, pero lo que lo hace destacar es la capacidad de ver los colores en ejemplos en vivo tanto para el diseño web como para otros modelos artísticos.Lástima que la aplicación no se haya actualizado durante más de 6 años.¡Afortunadamente, parece mantenerse con vida a través de esos anuncios de Google!¿Cuál es tu aplicación favorita para el generador de paletas de colores?¿Ya has probado Paletton?¡Dinos en los comentarios!Imagen presentada por Dagaal / Shutterstock.com