2017-07-21 55 views
0

給定一種顏色作爲輸入,如何將它轉換爲LESS使其變爲較暗,如果它是淺色,則變淺;如果是深色,則變淺?如何使顏色變深如果光線較暗,或者在較暗的情況下變亮較輕

例如:

  • 當顏色,結果是一樣的東西darken(@color-input, 10%)
  • 當顏色,結果是一樣的東西lighten(@color-input, 10%)

是否有任何可以應用的條件測試或可以給出這個結果的任何color operation

+0

你問如何檢查顏色輸入是淺色還是深色? – myfunkyside

+0

@ seven-phases-max我認爲[這個答案](https://stackoverflow.com/a/26434928/1010492)在這裏的確可以使用 –

+1

@GyumFox不知道你爲什麼選擇mixin變種,因爲它比'對比「也是如此。 –

回答

0

我認爲問題被正確識別爲重複,但回答它的緣故正確,這裏是正確的答案(基於seven-phases-max's answer):

contrast(@color-input, lighten(@color-input, 10%), darken(@color-input, 10%)); 

這裏你可以看到一個working example

您可以在這裏閱讀關於contrast function的更多信息。

1

我不知道這是否是最好的答案,但下面的代碼似乎這樣的伎倆:

mix(@color-input, contrast(@color-input), 90%); 
+0

另加1個「mix」的整齊使用。儘管這樣,結果並不完全等於「變暗/變亮」。 –