🌗 ชุดเครื่องมือเดียว
ทุกงานออกแบบ

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

สร้างสเกลเฉดสีอ่อน-เข้มครบชุดจากสีใดก็ได้ — 20 ระดับ พร้อมส่งออก HEX และ SCSS

English 中文 日本語 한국어 Español Português Français Deutsch العربية हिन्दी ไทย Tiếng Việt Bahasa Русский

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

คู่มือเฉดสีอ่อน-เข้ม

เฉดอ่อน (tint) ทำให้สีสว่างขึ้นโดยผสมกับสีขาว ส่วนเฉดเข้ม (shade) ทำให้เข้มขึ้นโดยผสมกับสีดำ ทั้งสองรวมกันเป็นสเกลสีที่ทุกระบบออกแบบต้องการสำหรับพื้นหลัง เส้นขอบ และลำดับข้อความ

ตั้งสีพื้นฐานและจำนวนขั้น แล้วคลิกช่องสีใดก็ได้เพื่อคัดลอก HEX ใช้การส่งออก SCSS เพื่อสร้างตัวแปรทั้งพาเลตในครั้งเดียว

Pro Tips

Frequently Asked Questions

Q: เฉดอ่อนกับเฉดเข้มต่างกันอย่างไร?
เฉดอ่อนกับเฉดเข้มต่างกันอย่างไร? เฉดอ่อนเพิ่มสีขาวให้สีพื้นฐาน (สว่างขึ้น) เฉดเข้มเพิ่มสีดำ (เข้มขึ้น) ทั้งคู่คงโทนสีเดิม
Q: ควรใช้กี่ขั้น?
ควรใช้กี่ขั้น? ข้างละ 5–10 ขั้นครอบคลุมงานส่วนใหญ่ รวม 20 ขั้นเหมาะที่สุดสำหรับแผนภูมิและการแสดงข้อมูล
Q: ใช้การส่งออก SCSS อย่างไร?
ใช้การส่งออก SCSS อย่างไร? คัดลอกบล็อกไปวางในไฟล์ .scss แล้วอ้างอิงตัวแปรเช่น $tint-2 หรือ $shade-1 ในสไตล์ของคุณ
Q: กฎสี 60-30-10 คืออะไร?
กฎสี 60-30-10 คืออะไร? สีกลาง 60% สีรอง 30% สีเน้น 10% — สีพื้นฐานของคุณมักเป็น 10% ที่เป็นสีเน้น
Q: คัดลอกสีเดียวได้ไหม?
คัดลอกสีเดียวได้ไหม? ได้ — คลิกช่องสีใดก็ได้ในตารางหรือแถบ แล้ว HEX จะถูกคัดลอกทันที

สีไทย

จากสีธงไตรรงค์ถึงสีจีวรพระ สีไทยสะท้อนพุทธศาสนา พระมหากษัตริย์ และธรรมชาติเขตร้อน สีแต่ละสีมีความหมายเชิงสัญลักษณ์ที่ลึกซึ้งในวัฒนธรรมไทย

แดงธงชาติ #A51931

สีแดงของธงไตรรงค์ — ชาติ ศาสนา พระมหากษัตริย์

ขาวธงชาติ #F4F5F8

สีขาวของธง — ศาสนาและความบริสุทธิ์

น้ำเงินธงชาติ #2D2A4A

สีน้ำเงินของธง — พระมหากษัตริย์

เหลืองทอง #FFD700

สีทองของวัดและพระบรมมหาราชวัง

เขียวใบไม้ #228B22

ความอุดมสมบูรณ์ของธรรมชาติเมืองร้อน

ชมพูบัว #F4A0B5

ดอกบัวสีชมพู — สัญลักษณ์ของพุทธศาสนา

ส้มจีวร #FF7F00

สีจีวรของพระสงฆ์ — ความเรียบง่ายและการละวาง

ฟ้าน้ำทะเล #00A3AF

ท้องทะเลอันดามันและอ่าวไทย

ม่วงอัญชัน #6A4C93

สีของดอกอัญชัน — ใช้ย้อมขนมไทยโบราณ

เขียวมรกต #50C878

สีพระแก้วมรกต — พระพุทธรูปศักดิ์สิทธิ์

Q: สีธงชาติไทยมีสีอะไรบ้าง?
สีธงชาติไทยมีสีอะไรบ้าง? ธงไตรรงค์ประกอบด้วย แดง (#A51931) หมายถึงชาติ, ขาว (#F4F5F8) หมายถึงศาสนา, และน้ำเงิน (#2D2A4A) หมายถึงพระมหากษัตริย์
Q: สีจีวรพระคือสีอะไร?
สีจีวรพระคือสีอะไร? สีจีวรของพระสงฆ์ไทยเป็นสีส้มอมเหลือง (#FF7F00) หรือสีแก่นขนุน สื่อถึงความเรียบง่าย สันโดษ และการละวางทางโลก