ค้นหาและแปลงรหัสสี HEX, RGB, HSL สำหรับงานดีไซน์
ดีไซน์#6366F1
rgb(99, 102, 241)
hsl(239, 84%, 67%)
cmyk(59%, 58%, 0%, 5%)
18-3946 (baja-blue)
ลองปรับค่า HSL ความสว่าง (L) เพื่อสร้างโทนสีที่นุ่มนวลขึ้น หรือปรับ RGB ทีละนิดเพื่อหาสีที่เข้ากับแบรนด์ของคุณที่สุด
สีมีผลต่อความรู้สึกของผู้ใช้งานโดยตรง เช่น สีน้ำเงินให้ความรู้สึกน่าเชื่อถือ (Trust) สีแดงกระตุ้นความตื่นเต้น (Excitement) และสีเขียวให้ความรู้สึกปลอดภัยหรือเป็นธรรมชาติ
มาตรฐานหลักในงานเว็บดีไซน์ ประกอบด้วยรหัสฐาน 16 จำนวน 6 ตัว
ค่าความเข้มของแสง แดง, เขียว, น้ำเงิน (0-255) สำหรับงานหน้าจอ
การตั้งค่าตามมุมสี ความอิ่มตัว และความสว่าง ทำให้เลือกสีที่ดูดีได้ง่ายขึ้น
ระบบสี Cyan, Magenta, Yellow, Black สำหรับงานสิ่งพิมพ์มืออาชีพ
ระบบจับคู่สีมาตรฐาน (PMS) ที่ใช้ในงานออกแบบแบรนด์และวัสดุจริง
• สีโทนร้อน: ดึงดูดความสนใจและกระตุ้นการตัดสินใจ • สีโทนเย็น: ให้ความรู้สึกสงบและเป็นมืออาชีพ • สีกลาง (Neutral): ช่วยให้เนื้อหาอ่านง่ายและสบายตา
ลองปรับค่า HSL ความสว่าง (L) เพื่อสร้างโทนสีที่นุ่มนวลขึ้น หรือปรับ RGB ทีละนิดเพื่อหาสีที่เข้ากับแบรนด์ของคุณที่สุด
เลือกสีและแปลงระหว่าง HEX, RGB, HSL ได้ทันที เหมาะสำหรับดีไซเนอร์ที่จับคู่สี Brand, นักพัฒนาที่เขียน CSS และทุกคนที่ต้องการค่าสีแม่นยำ