สี Tailwind และ Material

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

slate

gray

red

orange

amber

yellow

green

emerald

teal

cyan

sky

blue

indigo

violet

purple

pink

rose

เครื่องมืออื่นในหมวดนี้

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

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

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

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

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

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

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

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

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