รองรับรูปแบบสีใดบ้าง?

HEX, RGB, HSL, OKLCH และชื่อสี CSS การแปลงจะเกิดขึ้นทันทีในทั้งสองทิศทาง

OKLCH คืออะไร?

OKLCH เป็นพื้นที่สีที่รับรู้ได้สม่ำเสมอซึ่งรองรับโดยเบราว์เซอร์สมัยใหม่ — เหมาะสำหรับจานสีที่เข้าถึงได้และความสว่างที่สม่ำเสมอในทุกเฉดสี

ทำไมต้องใช้ OKLCH แทน HSL?

ความสว่างของ HSL แตกต่างกันอย่างมากระหว่างเฉดสี (สีเหลืองที่ 50% ดูสว่างกว่าสีน้ำเงินที่ 50% มาก) OKLCH แก้ไขปัญหานี้ — L ที่เท่ากันหมายถึงความสว่างที่รับรู้ได้เท่ากัน

รองรับค่าอัลฟ่าหรือไม่?

ใช่ — RGBA, HSLA และ HEX 8 หลักที่มีอัลฟ่าทั้งหมดใช้งานได้

เครื่องมือแปลงสีฟรีหรือไม่?

ใช่ — ฟรีทั้งหมด ไม่ต้องลงทะเบียน

สีและการออกแบบ

ตัวแปลงสี (HEX/RGB/HSL/OKLCH)

ตัวแปลงสีฟรี แปลงค่า HEX, RGB, HSL, OKLCH และชื่อสี CSS พร้อมแสดงตัวอย่างแบบสด สำหรับนักออกแบบ นักพัฒนา และพาเลทสีที่เข้าถึงได้

Runs in your browser

หมายเหตุจากบรรณาธิการ

Understanding · RGB, HSL, OKLCH — same colour, different stories.

บทเชิงลึกนี้มีให้บริการเฉพาะภาษาอังกฤษในขณะนี้ เครื่องมือแปลงด้านบนทำงานในภาษาของคุณ บทความอธิบายแบบยาวยังไม่ได้แปล

คำถามที่พบบ่อย

Quick answers.

›What color formats are supported?

HEX, RGB, HSL, OKLCH and named CSS colors. Conversions happen instantly in both directions.

›What is OKLCH?

OKLCH is a perceptually uniform color space supported by modern browsers — great for accessible palettes and consistent lightness across hues.

›Why use OKLCH instead of HSL?

HSL lightness varies wildly between hues (yellow at 50% looks much lighter than blue at 50%). OKLCH fixes this — same L means same perceived lightness.

›Are alpha values supported?

Yes — RGBA, HSLA and 8-digit HEX with alpha all work.

›Is the converter free?

Yes — fully free, no signup.

ผู้คนยังค้นหา

บทความที่เกี่ยวข้อง

จากบล็อก(1)

OKLCH for designers: why switch from HSL
การออกแบบ5 min read

Use with

What people reach for next.

เครื่องมือที่เกี่ยวข้อง

More in this room.

ดูทั้งหมดใน สีและการออกแบบ