COLOR / VISUALIZER
Palette Visualizer.
iเริ่มด้วย 3 สี ลองกับตัวอย่างโลโก้ เว็บไซต์ และแดชบอร์ด สุ่มสีได้ทันที ใช้ฟรี ไม่ต้องสมัครสมาชิก
6 LIVE PREVIEWS
ทุกสีอัปเดตพร้อมกัน · Export เก็บชุดสีและภาพตัวอย่างลงเครื่อง
จากไอเดียสี 3 สี ไปสู่ภาพจริง
สมมติคุณกำลังทำแบรนด์ร้านกาแฟเล็ก ๆ: เลือกสีเข้มสำหรับตัวอักษร สีหลักสำหรับปุ่ม และสีอ่อนสำหรับพื้นหลัง แล้วดูทันทีว่าโลโก้ หน้าเว็บไซต์ และนามบัตรให้อารมณ์เดียวกันหรือยัง ไม่ต้องออกแบบทุกหน้าก่อนถึงจะรู้ว่าสีเข้ากันไหม
- คลิกแถบสีด้านล่างเพื่อใส่ HEX ของแบรนด์ หรือกด Generate เพื่อหาแนวทางใหม่
- กด Lock color เพื่อเก็บสีที่ชอบไว้ แล้วสุ่มสีอื่นต่อ; ใช้ Shapes เพื่อเปลี่ยนลวดลายโดยไม่เปลี่ยนสี
- เช็กตัวอย่าง Website, Dashboard และ Logo variations ก่อนกด Copy colors หรือ Export CSS, PNG, SVG
หากต้องการเฉด 50–950 สำหรับโค้ด ให้เปิด Tailwind Colors ต่อ ชุดสีล่าสุดบันทึกในเบราว์เซอร์นี้เมื่อ localStorage พร้อมใช้งาน; ดาวน์โหลด CSS ไว้เป็นสำรองหากต้องการใช้ข้ามเครื่อง
อ่านคู่มือ Palette Visualizerดูเครื่องมือสีทั้งหมดรู้จัก ThaiDev