Sitede büyük bir uygulama var ve bazı bağlantılar var, diyelim ki bu sitede blue link gibi mavi renk. Şimdi başka bir bağlantı yapmak istiyorum, ama daha açık renk. Belli ki sadece hex kodu CSS dosyası ekleyerek yapabilirim ama sitemizde kullanıcı özel profil/kendi sitesinde (Twitter gibi) istediğine karar vermesine olanak sağlar.

Peki, sorum şu: yüzde renk azaltabilir miyiz?

Hadi aşağıdaki kodu CSS:

a {
  color: blue;
}

a.lighter {
  color: -50%; // obviously not correct way, but just an idea
}

YA

a.lighter {
  color: blue -50%;  // again not correct, but another example of setting color and then redcuing it
}

Bir şekilde yüzdelik bir renk azaltmak için var mı?

Eğer bir SASS, kullanmanızı sağlayan bir yığın kullanıyorsanız böyle bir şey yapabilirsiniz:

$linkcolour: #0000FF;

a {
  color: $linkcolour;
}

a.lighter {
  color: lighten($linkcolour, 50%);
}