Calcule el cambio de tono/saturación/luminosidad entre 2 colores para paint.net

Entonces, tengo un color configurado para los enlaces en mi sitio. digamos que el color es f80021. Esto es para un tema rojo en particular en mi sitio, completo con íconos de colores, fondos para botones, etc.

Lo que quiero hacer es tomar un solo color para los enlaces de un cliente y calcular el cambio de color que luego puedo aplicar a todos los colores, íconos y fondos para crear un nuevo tema.

¿Hay una forma fácil de hacer esto?

¿Cuál es la relevancia de Paint.net en este proceso? ¿Necesita una respuesta específica de Paint.net?
Es la aplicación que uso y no estoy seguro si este cálculo sería diferente para Photoshop u otro software de imágenes.

Respuestas (1)

Esto puede ser un poco tarde, pero aquí está mi respuesta : D


No estoy seguro de si hay una manera más fácil , por decir, pero después de investigarlo, creo que puede hacer lo siguiente.

En Paint.NET, puede expandir su paleta de colores con el botón Más>> , este es el primer paso para encontrar los cambios de color equivalentes para otro color, digamos un azul. Ahora verá los valores RGB y HSV. No nos preocuparemos por los valores RGB.

Rojo

Tomando su color original de #F80021 , creé una versión más clara ( #F77B8C ) y una más oscura ( #CC3347 ).

En lo que queremos centrarnos son los valores HSV. A continuación se muestran los valores de HSV para su color original:

  • Hexadecimal : #F80021
  • H (tono) : 352
  • S (saturación) : 100
  • V (valor) : 97

Ahora para el tono más claro. (NOTA: esto es solo un ejemplo, reemplace este Hex# con su propia versión de color más claro)

  • Hexadecimal : #F77B8C
  • H (tono) : 352
  • S (saturación) : 50
  • V (valor) : 100

Y, por último, el tono más oscuro.

  • Hexadecimal : #7F1F2E
  • H (tono) : 352
  • S (saturación) : 75
  • V (valor) : 50

Observe que los valores de tono se mantuvieron iguales durante los cambios de sombra.


Azul

Para crear un tema azul con tonos/valores similares al resto, primero elige un azul. En este caso, #0000F8 . Nuevamente, los valores de HSV son los siguientes:

  • Hexadecimal : #0000F8
  • H (tono) : 240
  • S (saturación) : 100
  • V (valor) : 97

Tenga en cuenta que las cantidades de Saturación y Valor de este azul son las mismas que las cantidades de Saturación y Valor de su rojo original . Lo mismo ocurrirá con los azules más claros y oscuros. (Los valores S & V del azul más claro coincidirán con los valores S & V del rojo más claro , mientras que los del azul más oscuro coincidirán con los del rojo más oscuro).

Azul más claro.

  • Hexadecimal : #7F7FFF
  • H (tono) : 240
  • S (saturación) : 50
  • V (valor) : 100

Y, el azul más oscuro.

  • Hexadecimal : #1F1F7F
  • H (tono) : 240
  • S (saturación) : 75
  • V (valor) : 50

Conclusión

Entonces, en resumen, para que su nuevo tema coincida con el anterior, sus nuevas cantidades de saturación y valor deben coincidir con sus antiguas cantidades de S & V y para que el color de su nuevo tema se mantenga constante, su valor de Tono debe ser el mismo en su tema nuevo

Espero que esto tenga sentido. Si usted o alguien más tiene una pregunta, haré todo lo posible para responderla en los comentarios.