รูปแบบสีจะปรากฏที่นี่
วางค่า HEX, RGB หรือ HSL เพื่อดูทั้งสามรูปแบบ
วางสีในรูปแบบทั่วไปเพื่อรับรูปแบบอื่นทันที
วิธีใช้งาน
สำหรับ CSS, งานส่งต่อดีไซน์ และคู่มือแบรนด์
HEX ที่มีหรือไม่มีเครื่องหมายสี่เหลี่ยม, rgb() หรือ hsl() — ระบบจะตรวจจับรูปแบบให้อัตโนมัติ
ทั้งสามรูปแบบจะแสดงพร้อมตัวอย่างสีจริง
คลิกบรรทัดใดก็ได้เพื่อคัดลอก
เครื่องมือเบราว์เซอร์ฟรีเพิ่มเติมบน Nano Banana Lab
เพราะอ่านเข้าใจง่าย: เฉดสี (Hue), ความอิ่มตัว (Saturation) และความสว่าง (Lightness) การทำให้สีสว่างขึ้นทำได้โดยปรับเปลี่ยนตัวเลขเดียวแทนที่จะต้องสุ่มปรับสามตัว
แดง, เขียว และน้ำเงิน แต่ละค่าตั้งแต่ 00 ถึง FF ส่วน HEX แบบ 3 ตัวอักษรคือการเพิ่มตัวเลขแต่ละคู่เป็นสองเท่า
เครื่องมือนี้ไม่ได้แปลงช่อง Alpha — ทำงานเฉพาะสีทึบ
ไม่ การแปลงเป็นเพียงการคำนวณทางคณิตศาสตร์ในเบราว์เซอร์ของคุณ