Bir düğmenin üzerine gelme durumu için bir rengin daha açık / koyu bir gölgesi nasıl oluşturulur

Bir süredir düğmeler tasarlıyorum, ancak bir degrade veya katı üzerinde durma durumu için renk (ler) seçmeye gelince, çoğunlukla daha koyu bir tonda göz kamaştırıcı bir konu oldu.

Kullanılacak daha uygun bir tonun ne olacağını daha iyi yargılamaya yardımcı olacak yapılandırılmış bir renk teorisi var mı?

Orijinalden ne kadar karanlık gitmeliyim?

"Aynı" rengin daha açık veya daha koyu tonlarını nasıl tanımlayabilirim?

Hafiflikte hafif bir değişiklik ararken genellikle matematiği yaparım - basit sayım gerçekten.

Renkler için onaltılık biçim RRGGBBkırmızı, yeşil ve mavidir. Onaltılık 0-F'den sayılır (9'dan sonra A gelir).

#191970Ana düğme rengim olarak varsa , her renk değerine 1 veya 2 eklerim, bu da benzer ama daha açık bir renge neden olur. Her birine 1 eklenir #1A1A71.

Aynı şey daha koyu bir renk bulmak için de yapılabilir. #191970Sonuç olarak her bir renk değerinden 1 çıkarılır #18186F.

Bununla birlikte, her renk değerinden 1 veya 2 eklemek veya çıkarmak, ayırt edilemez bir farkla sonuçlanır, bu nedenle muhtemelen her birine en az 10 eklemeniz veya çıkarmanız gerekir.

Sayı biçimini (255, 255, 255)kullanıyorsanız, normal temel 10 işlemlerini kullanarak her sayıya ekleyebilirsiniz.

Her bir renk değerine aynı miktarda ekleme, renk tonu ve doygunluğun tutarlı kalmasını ve ortaya çıkan renklerin bir tasarımda uyumlu bir şekilde karışmasını sağlar.

Ya da, bazı çevrimiçi oluşturucunun sizin için renk seçimlerini yapmasına izin verebilir ve sadece ihtiyacınız olan kodu nickleyebilirsiniz: CSS gradyan Düğmesi sadece bir örnektir.