Less.js: Incluir invertir en funciones de color

Creado en 21 ene. 2012 · 6Comentarios · Fuente: less/less.js

Actualmente estoy usando
color: hsl(hue(@black), saturation(@black), 100 - lightness(@black));
para invertir colores pero
color: invert(@color)
sería una sintaxis mucho mejor para el trabajo.

El código de función:

 invertir: función (color) {
 var rgb = [255 - color.rgb [0],
 255 - color.rgb [1],
 255 - color.rgb [2]]; 
 return new (tree.Color) (rgb);
 },

Lo probé con less.js 1.2.1 así que funciona

feature request medium priority up-for-grabs

Fuente

Oskariok

👍3

Comentario más útil

+1 para esto:
Solo para aclarar, ¿quiere decir que está usando

hsl(hue(@color), saturation(@color), 100 - lightness(@color));

ascottmccauley en 16 jun. 2012

👍2

Todos 6 comentarios

Publicación original actualizada

Oskariok en 2 feb. 2012

+1 para esto:
Solo para aclarar, ¿quiere decir que está usando

hsl(hue(@color), saturation(@color), 100 - lightness(@color));

ascottmccauley en 16 jun. 2012

👍2

+1 también.

srsgores en 2 may. 2013

esto ahora se puede lograr con la negación

http://lesscss.org/functions/#color -blending-negación

lukeapage en 20 feb. 2014

No es realmente el negation . El código javascript publicado por @Oskariok es simple Menos (#fff - @color) o igual difference(#fff, @color) . Sin embargo, el código Less sugerido por @ascottmccauley más adelante no es el mismo, solo invierte la claridad del color (por lo que Less y los fragmentos de JavaScript de la primera publicación no coinciden). La "luminosidad invertida" también se puede lograr con menos detalles: spin((#fff - @color), 180);