ดีไซน์

เลือกสีแล้วดูและคัดลอกโค้ด HEX, RGB, HSL ได้ทันที

สร้างจานสีแบบข้างเคียง ตรงข้าม สามเหลี่ยม และสีเดียวจากสีหลัก

สร้าง CSS linear gradient จากสองสีและมุม แล้วคัดลอกโค้ด

จำลองว่าสีหนึ่งดูเป็นอย่างไรในภาวะตาบอดสีแดง เขียว และน้ำเงิน

หาสีตรงข้ามของสีหลัก พร้อมสีแยก สามเหลี่ยม และข้างเคียง

สร้างสเกลความสว่างและความอิ่มสีจากสีหลัก

ผสมสองสีตามอัตราส่วนที่ต้องการเพื่อให้ได้สีตรงกลาง

ดูจานสีของ Tailwind CSS และ Material Design แล้วคลิกเพื่อคัดลอก HEX

สุ่มสีและคัดลอกโค้ด HEX ได้ในคลิกเดียว

แปลงระหว่าง px, rem และ em ตามขนาดฟอนต์ราก