เราใช้คุกกี้

เราใช้คุกกี้เพื่อปรับปรุงประสบการณ์ของคุณ การเรียกดูต่อหมายถึงคุณยอมรับการใช้งาน

เรียนรู้เพิ่มเติมใน คุกกี้ และ ความเป็นส่วนตัว

ConvertlyCOLORS

ดูตัวอย่างสี

แสดงผลสีในการออกแบบ ใช้ ดูตัวอย่างสี ออนไลน์ฟรี ไม่ต้องสมัคร พร้อมผลลัพธ์รวดเร็วและการประมวลผลที่ปลอดภัยในเบราว์เซอร์

พาเลท

#6366F1

#EC4899

#10B981

#F59E0B

#EF4444

Context preview

Hero card

Visualize your colors applied to different UI components.

การแจ้งเตือน

Success message with accent

Tag 1Tag 2Tag 3

Color badges

Gradient preview

ดูตัวอย่างสี ช่วยให้คุณทำงานกับสีได้โดยตรงในเบราว์เซอร์

เครื่องมือนี้ออกแบบมาสำหรับนักออกแบบ นักพัฒนา และครีเอเตอร์ที่ต้องการผลลัพธ์รวดเร็วและเชื่อถือได้

Supported formats

HEX

RGB

HSL

How it works

1

Step 1

เปิด ดูตัวอย่างสี

2

Step 2

ป้อนหรือนำเข้าสีของคุณ

3

Step 3

คัดลอก ส่งออก หรือใช้ผลลัพธ์ซ้ำ

ข้อผิดพลาดที่พบบ่อยที่ควรหลีกเลี่ยง

การลืมตรวจสอบคอนทราสต์อาจทำให้อ่านยากขึ้น
การใช้สีมากเกินไปอาจทำให้พาเลตนำไปใช้ยาก

เคล็ดลับจากมือโปร

เก็บสีหลักเป็นตัวแปร CSS
ทดสอบพาเลตในโหมดสว่างและมืดก่อนเผยแพร่

Privacy guaranteed: everything is processed locally in your browser.

เมื่อเป็นไปได้ การประมวลผลจะเกิดขึ้นภายในเบราว์เซอร์ ไม่ต้องมีบัญชี

ดูตัวอย่างสี สำหรับโปรเจกต์สีของคุณ

แสดงผลสีในการออกแบบ

ดูตัวอย่างสี โดยไม่สูญเสียความแม่นยำ

การแปลงทำงานด้วยค่าที่แม่นยำ (HEX, RGB, HSL, OKLCH) ไม่มีการประมาณภาพ — คุณได้สีที่ตรงกับเจตนาการออกแบบ

ดูตัวอย่างสี ฟรีออนไลน์

ไม่ต้องลงทะเบียน ไม่ต้องดาวน์โหลดซอฟต์แวร์ ดูตัวอย่างสี ฟรี 100% และทำงานบนเบราว์เซอร์ใดก็ได้ แพ็กเกจฟรีรวม 10 ครั้งต่อวัน

ดูตัวอย่างสี รวดเร็วและปลอดภัย

การประมวลผลเกิดขึ้นในเบราว์เซอร์โดยตรงเพื่อความเร็วสูงสุด ไม่มีข้อมูลถูกส่งไปยังเซิร์ฟเวอร์ของเรา สีของคุณยังคงเป็นส่วนตัว

ดูตัวอย่างสี สำหรับการแชร์และทำงานร่วมกัน

ส่งออกผลลัพธ์เป็น HEX, RGB, HSL, CSS, JSON หรือคัดลอกได้ในคลิกเดียว เหมาะสำหรับแชร์คู่มือสีกับทีม

ค้นพบเครื่องมือสีทั้งหมด

สกัด แปลง สร้างพาเลต ไล่เฉดสี และคอนทราสต์ WCAG ในไม่กี่คลิก

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

Related tools

ดูตัวอย่าง UI

ส่งออกพาเลท

ตัวเลือกสี

คู่มือและบทช่วยสอน

เรียนรู้วิธีการใช้งานเครื่องมือของเราด้วยคู่มือแบบละเอียด

color-preview: คู่มือใช้งาน conversion

คู่มือภาษาไทยสำหรับใช้ color-preview เข้าใจแนวทาง conversion และหลีกเลี่ยงข้อผิดพลาดทั่วไป

color-preview: คู่มือใช้งาน export

คู่มือภาษาไทยสำหรับใช้ color-preview เข้าใจแนวทาง export และหลีกเลี่ยงข้อผิดพลาดทั่วไป

color-preview: คู่มือใช้งาน export

คู่มือภาษาไทยสำหรับใช้ color-preview เข้าใจแนวทาง export และหลีกเลี่ยงข้อผิดพลาดทั่วไป

Frequently asked questions

ใช่ เครื่องมือนี้ใช้งานออนไลน์ได้ฟรี

เมื่อเป็นไปได้ การประมวลผลจะเกิดขึ้นในเบราว์เซอร์เพื่อปกป้องข้อมูลของคุณ

โฆษณา