พาเลตสี

เครื่องมือสร้างเฉดสี

เลือกสีแล้วดูเฉดสีทั้งหมดได้ทันที ตั้งแต่อ่อนที่สุดถึงเข้มที่สุด แตะเฉดเพื่อคัดลอกโค้ด HEX

สเกลตั้งแต่ 50 ถึง 950

สิบเอ็ดเฉดจากตระกูลสีเดียวกัน เรียงแบบเดียวกับ Tailwind สีของคุณจะถูกทำเครื่องหมายไว้ที่เฉดที่ตรงกัน

เฉดอ่อนลง (ผสมขาว)

แตะเฉดเพื่อคัดลอกโค้ด HEX

เฉดเข้มขึ้น (ผสมดำ)

เฉดหม่น (ผสมเทา)

ส่งออกสเกล

ลองใช้สิ่งนี้ด้วย

พาเลตสีจากชื่อพิมพ์ชื่อแล้วรับพาเลตสีเฉพาะตัวสีนำโชควันนี้สีนำโชคประจำวันตามราศีของคุณฉันมีรูปหน้าแบบไหนค้นหารูปหน้า ทรงผม และแว่นตาที่เหมาะกับคุณ
เครื่องมือฟรีทั้งหมด →

เฉดสีคืออะไร

คือชุดเฉดที่มาจากสีเดียว ตั้งแต่เวอร์ชันที่เกือบขาวไปจนถึงเกือบดำ ทุกเฉดมีโทนพื้นฐานเดียวกัน จึงเข้ากันได้ง่าย

เฉดอ่อน เฉดเข้ม และเฉดหม่น

เฉดอ่อนคือสีที่ผสมขาว จะสว่างและนุ่มนวลขึ้น เฉดเข้มคือสีที่ผสมดำ จะเข้มและลึกขึ้น เฉดหม่นคือสีที่ผสมเทา จะดูเป็นโทนดินและสง่างาม

วิธีใช้สเกลเฉดสีในงานออกแบบ

ใช้เฉดอ่อน (50 ถึง 200) กับพื้นหลัง เฉดกลาง (400 ถึง 600) กับปุ่มและลิงก์ และเฉดเข้ม (700 ถึง 950) กับตัวอักษรและเส้นขอบ เพียงสเกลเดียวก็ได้อินเทอร์เฟซที่เป็นระเบียบและเป็นหนึ่งเดียว

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

สเกลคำนวณอย่างไร

เราใช้ปริภูมิสี OKLCH ซึ่งจำลองการรับรู้ความสว่างของดวงตา ระยะห่างระหว่างเฉดจึงดูสม่ำเสมอ ไม่กระโดดแรง

ตัวเลข 50 ถึง 950 หมายถึงอะไร

เป็นสเกลที่ Tailwind CSS และดีไซน์ซิสเต็มจำนวนมากใช้ 50 คือเฉดที่อ่อนที่สุด และ 950 คือเข้มที่สุด สีของคุณจะอยู่ที่ตัวเลขที่ตรงที่สุด

ใช้สเกลใน Tailwind หรือ CSS ได้ไหม

ได้ พิมพ์ชื่อ เลือกรูปแบบ แล้วคัดลอกโค้ด จะเป็นตัวแปร CSS พร้อมวาง หรือบล็อกสีสำหรับตั้งค่า Tailwind ก็ได้

สเกลเฉดสีกับพาเลตสีต่างกันอย่างไร

สเกลคือเฉดต่าง ๆ ของสีเดียว ส่วนพาเลตรวมสีต่าง ๆ ที่เข้ากัน พาเลตจำนวนมากใช้สเกลหนึ่งชุดสำหรับพื้นหลังและตัวอักษร แล้วเพิ่มสีเน้นหนึ่งหรือสองสี

คู่มือและเครื่องมืออื่น ๆ