สร้างสเกลเกรดียนที่สม่ำเสมอตามการรับรู้ระหว่างสองสี หรือผสมด้วยหลักการลบสี
linear-gradient(90deg, #E63946 0%, #CD4D66 17%, #B35881 33%, #995E99 50%, #7E61AF 67%, #5F60C5 83%, #3B5BDB 100%)
การแทรกค่าในพื้นที่ OKLab: ฮิวเดินตามเส้นทางที่สม่ำเสมอตามการรับรู้ — แดง + น้ำเงิน ให้สีม่วงแทนที่จะเป็นเทาหมอง โดยไม่มีช่องว่างตรงกลาง
เส้นโค้งที่สม่ำเสมอทางการรับรู้ระหว่างสองสีใดๆ - ปรับความหนาแน่นได้, CSS gradient พร้อมใช้ด้วยคลิกเดียว
เลือกสีสำหรับ A และ B (color picker หรือป้อน HEX โดยตรง); ปุ่มสลับจะเปลี่ยนจุดปลายด้วยคลิกเดียว
โหมดการรับรู้จะทำการ interpolate ใน OKLab ดังนั้นแม้แต่คู่สี complementary ก็ยังคงการเปลี่ยนแปลงของสีฮิวได้; โหมด RGB จะทำการผสมแบบง่ายๆ เหมือนซอฟต์แวร์ส่วนใหญ่ - ลองเปรียบเทียบทั้งสองแบบเพื่อดูความแตกต่าง
ลากสไลด์ steps เพื่อปรับความหนาแน่นของสเกล (3-15), คัดลอก CSS gradient ทั้งหมด หรือคลิกสีระดับกลางใดๆ เพื่อเปิดโปรไฟล์ของมัน
คำถามที่พบบ่อย 3 ข้อเกี่ยวกับอัลกอริทึมการผสมสี
นำสเกลไปใช้ใน gradient studio เพื่อเพิ่มจุดหยุดเพิ่มเติม หรือเปิดวงล้อสีเพื่อสร้างความสอดคล้องจากสีที่ผสมแล้ว
เกรดียนต์ OKLCH ที่มีความสม่ำเสมอทางการรับรู้ ไม่มีแถบสีเทา ส่งออก CSS ด้วยคลิกเดียว
ลากวงล้อเพื่อเลือกสีหลัง รับชุดความสอดคล้อง 6 แบบสด เปิดในแผงหรือส่งออกเป็น PNG
แปลงสีใด ๆ ให้เป็นสเกลระบบดีไซน์ 11 ระดับ โดยมีความสม่ำเสมอทางการรับรู้ใน OKLCH, ความคมชัดตามมาตรฐาน WCAG ต่อระดับ และส่งออกไปยัง Tailwind/CSS/SCSS/JSON