La razón por la que esta conversión es tan difícil de entender es que Sass y Photoshop no usan los mismos modelos de color.
Sass está trabajando en el modelo HSL (Hue, Saturation, Lightness). Los valores RGB se convierten a HSL, la claridad aumenta o disminuye en el porcentaje que especifique, y luego el nuevo valor se convierte de nuevo a RGB.
Photoshop utiliza el modelo de color HSB (Tono, Saturación, Brillo) en su lugar. El brillo no es lo mismo que la luminosidad, por lo que los cálculos funcionan de manera diferente.
- ¿Cuáles son los mejores directorios web gratuitos en India?
- ¿Cuáles son los mejores recursos para proteger las API WEB?
- ¿Cuáles son algunas ideas para mejorar visualmente un sitio web utilizando un script Java?
- ¿Qué marco debo elegir, ExpressJS o LoopBack?
- Para el alojamiento, ¿hay alguna diferencia para colocar una carpeta de dominio en el Directorio de inicio frente a la Carpeta raíz web (public_html)? ¿Y por qué?
Para obtener un equivalente preciso de la iluminación o el oscurecimiento de Sass, debe realizar cálculos en modo HSL. Hay un complemento disponible de Adobe que le permite realizar conversiones de color en HSL.
Para Photoshop CS6, puede encontrar la descarga en este enlace:
Contenido descargable (complementos)
Desea el complemento llamado “Opcional Multiplugin.plugin”.
Para Photoshop CC, el complemento se incluye con Photoshop y solo necesita ser activado. Las instrucciones están en este enlace:
Habilitar extensiones opcionales | Photoshop CC
No he instalado el complemento personalmente, por lo que tendrá que buscar en otro lugar instrucciones específicas sobre cómo usarlo.
Para realizar el cálculo real, conecte su valor de luminosidad original y su cantidad para cambiarlo a esta fórmula:
NewLightness = OldLightness + (OldLightness * Adjustment)
“Ajuste” debe ser un valor entre 0 y 1. Para aligerar, el valor de Ajuste debe ser positivo. Para oscurecer, debería ser negativo.
Si su valor NewLightness es mayor que 1 o menor que 0, fíjelo a esos valores.