ชุดสีไล่ระดับ
ชุดสีไล่ระดับเปลี่ยนจากสีเข้มที่สุดไปสีอ่อนที่สุดอย่างสม่ำเสมอ ใช้เป็นจุดเริ่มต้นของ CSS `linear-gradient` หรือระดับสีในระบบออกแบบได้ทันที
ตัวอย่างชุดสี
500#1B1B3A
400#3D348B
300#7678ED
200#B5B2F5
100#EDECFC
รหัสฐานสิบหกพร้อมคัดลอก
ระดับสีที่มีลำดับชัดเจน
ลำดับมีความสำคัญกว่ารูปแบบอื่น ทุกสีคือขั้นหนึ่งระหว่างปลายสองด้าน จึงเหมาะกับการตั้งชื่อโทเคน (100, 200, 300…) และช่วยให้คาดการณ์ระยะคอนทราสต์ระหว่างระดับได้
นำไปใส่ CSS ได้ทันที
ส่งออกชุดสีเป็นตัวแปร CSS หรือไฟล์ตั้งค่า Tailwind แล้วใช้สีปลายทั้งสองสร้างการไล่ระดับ ใช้สีกลางกับพื้นหลัง เส้นขอบ และสถานะต่าง ๆ LFColors สร้างทั้งสองรูปแบบได้ในคลิกเดียว
สร้างชุดสีไล่ระดับสีของฉัน
ใช้ฟรี ไม่ต้องสมัคร