วิธีสร้างเฉดสีที่เข้มขึ้น / เข้มขึ้นสำหรับสถานะการลอยของปุ่ม

ฉันได้รับการออกแบบปุ่มสักพักหนึ่ง แต่เมื่อมันมาถึงการเลือกสีสำหรับสถานะการเลื่อนระดับของการไล่ระดับสีหรือการแข็งตัวส่วนใหญ่จะเป็นเรื่องที่ทำให้ตาดูเข้มขึ้น

มีทฤษฎีโครงสร้างสีหรือไม่ที่จะช่วยตัดสินได้ดีขึ้นว่าจะใช้น้ำเสียงที่เหมาะสมกว่านี้หรือไม่?

ฉันจะไปจากที่มืดได้อย่างไร?

ฉันจะกำหนดเฉดสีอ่อนหรือเข้มของสี "เดียวกัน" ได้อย่างไร

เมื่อมองหาการเปลี่ยนแปลงเล็กน้อยในความสว่างฉันมักจะทำคณิตศาสตร์ - นับง่ายจริงๆ

รูปแบบฐานสิบหกสำหรับสีRRGGBBหมายถึงสีแดงสีเขียวและสีน้ำเงิน เลขฐานสิบหกนับจาก 0-F (ดังนั้นหลังจาก 9 มา A)

ถ้าฉันมี#191970สีปุ่มหลักของฉันฉันจะเพิ่ม 1 หรือ 2 ค่าสีแต่ละสีทำให้สีคล้ายกัน แต่สีจางลง เพิ่ม 1 #1A1A71ถึงแต่ละคนจะส่งผลให้

เช่นเดียวกันสามารถทำได้เพื่อหาเฉดสีเข้ม ลบ 1 จากค่าสีในแต่ละจะส่งผลให้#191970#18186F

อย่างไรก็ตามการเพิ่มหรือลบ 1 หรือ 2 จากแต่ละค่าสีมีแนวโน้มที่จะส่งผลให้เกิดความแตกต่างที่แยกไม่ออกดังนั้นคุณอาจต้องเพิ่มหรือลบอย่างน้อย 10 จากแต่ละค่า

หากคุณใช้รูปแบบตัวเลข(255, 255, 255)คุณสามารถเพิ่มไปยังแต่ละหมายเลขโดยใช้การดำเนินการฐาน 10 ปกติ

การเพิ่มจำนวนเดียวกันให้กับแต่ละค่าสีทำให้มั่นใจได้ว่าเฉดสีและความอิ่มตัวยังคงที่และสีที่ได้จะผสมผสานกันอย่างกลมกลืนในการออกแบบ

หรือคุณอาจปล่อยให้ผู้สร้างออนไลน์บางคนเลือกสีให้กับคุณและเพียงแค่ใส่รหัสที่คุณต้องการ: CSS gradient Button เป็นเพียงตัวอย่างหนึ่ง