การเขียนสีใน CSS

เผยแพร่: 19 ต.ค. 2026 | อัปเดต: 19 ต.ค. 2026 | เกี่ยวกับ (ภาษาญี่ปุ่น)

ผลลัพธ์จากตัวแปลงสีวางลงใน CSS ได้ทันที

ขั้นตอน

1. ป้อนสี
2. เลือกรูปแบบ
3. วางลงใน CSS

เครื่องมือที่ใช้คู่กันได้ดี

• ใช้ลุคขาวดำ ซีเปีย และอื่น ๆ: ทำให้รูปภาพเป็นขาวดำหรือซีเปีย หรือเปลี่ยนความสว่าง
• สร้างไอคอนเว็บไซต์ (Favicon): สร้างชุดไอคอนเว็บไซต์ครบชุดจากรูปภาพเดียว
• ตัวแปลงหน่วย (ความยาว น้ำหนัก พื้นที่ อุณหภูมิ และอื่น ๆ): แปลงความยาว น้ำหนัก พื้นที่ อุณหภูมิ และอื่น ๆ ได้ทันที

คู่มืออื่น ๆ ของเครื่องมือนี้

• วิธีแปลงสีระหว่าง HEX, RGB และ HSL (ฟรี)
• HEX และ RGB และวิธีอ่าน
• ทำให้สีสว่างขึ้นหรือเข้มขึ้นด้วย HSL
• คอนทราสต์ระหว่างข้อความกับพื้นหลัง
• ต้องทำอย่างไรเมื่อใช้งานไม่ได้
• แปลงรหัสสีโดยไม่ต้องอัปโหลด

ดูคู่มือทั้งหมด