เครื่องมือสร้างเฉดสี

Tint คือรูปแบบที่สว่างกว่า ส่วน shade คือรูปแบบที่เข้มกว่า เครื่องมือนี้ปรับความสว่างและ chroma เชิงการรับรู้ของ OKLCH แทนการอินเทอร์โพเลตช่อง sRGB ที่เข้ารหัสแล้ว

คลิกตัวอย่างสีใดก็ได้เพื่อคัดลอกค่า HEX ใช้ “คัดลอกตัวแปร CSS” หรือ “ดาวน์โหลด JSON” เพื่อส่งออกสเกลทั้งหมด

สร้างจานสีและสเกลระบบดีไซน์จากสีแบรนด์เพียงสีเดียว — ส่งออกเป็น CSS custom properties หรือ token สไตล์ Tailwind