พาเลตสี

พาเลตสีของเฟรมเวิร์ก

สีอย่างเป็นทางการของ Tailwind CSS, Material Design และ Bootstrap พร้อมโค้ด HEX, RGB และ OKLCH รวมถึงคลาสและตัวแปรที่คัดลอกไปใช้ในโปรเจกต์ได้ทันที

พาเลตสี Tailwind CSS
พาเลตสี Material Design
พาเลตสี Bootstrap

สี Tailwind CSS

slate#64748Bgray#6B7280zinc#71717Aneutral#737373stone#78716Cred#EF4444orange#F97316amber#F59E0Byellow#EAB308lime#84CC16green#22C55Eemerald#10B981teal#14B8A6cyan#06B6D4sky#0EA5E9blue#3B82F6indigo#6366F1violet#8B5CF6purple#A855F7fuchsia#D946EFpink#EC4899rose#F43F5E

ไอเดียเพิ่มเติม

Tailwind CSS, Material Design และ Bootstrap เป็นเครื่องหมายการค้าของเจ้าของแต่ละราย ค่าสีมาจากเอกสารและแพ็กเกจสาธารณะของแต่ละเฟรมเวิร์ก: Tailwind CSS 4.3.3 / 3.4.19, material-colors, Material Web (tokens), Bootstrap 5.3.8 / 4.6.2

ลองใช้สิ่งนี้ด้วย

พาเลตสีจากชื่อพิมพ์ชื่อแล้วรับพาเลตสีเฉพาะตัววงล้อสุ่มเขียนตัวเลือกของคุณแล้วหมุนวงล้อ มีแบบสีด้วยตู้สุ่มสีดึงคันโยกแล้วรับพาเลตสี
เครื่องมือฟรีทั้งหมด →