พาเลตสี

สีทอง

แทนสีทองในแบบแบนเรียบ ไม่มีความเงาแบบโลหะ เชื่อมโยงกับความสำเร็จ รางวัล และการเฉลิมฉลอง พบบ่อยในการ์ดเชิญ ของตกแต่งงานปีใหม่ และแบรนด์หรู

ชื่ออื่น: เหลืองทอง, สีทอง

เปิดในเครื่องมือแก้ไข

โค้ด HEX ของสีทอง คือ #FFD700 ใน RGB คือ rgb(255, 215, 0) ใน HSL คือ hsl(51, 100%, 50%) และใน CMYK คือ 0, 16, 100, 0

ดูของจริงเป็นอย่างไร

เลือกสีที่จะจับคู่ แล้วดูว่าดูเป็นอย่างไรบนเสื้อผ้า ในการแต่งบ้าน และในงานออกแบบ

สีที่คล้ายกับสีทอง

เหลืองทองสด#FFDF00 กล้วย#FFE135 ทานตะวัน#FFC512 เหลืองคีรีบูน#FFEF00 อำพัน#FFBF00 หญ้าฝรั่น#F4C430

สีทอง โดยสรุป

สีทอง (#FFD700) เป็นสีโทนอุ่น มีความสว่างปานกลาง และอิ่มสีมาก อยู่ในกลุ่มเฉดสีเหลือง ประกอบด้วยสีแดง 255 ส่วน สีเขียว 215 ส่วน และสีน้ำเงิน 0 ส่วน (จาก 255) การใช้งานทั่วไป: งานอีเวนต์, ความหรูหรา, การสร้างแบรนด์

ตัวอย่างสีทอง พร้อมเฉดจากอ่อนไปเข้ม · #FFD700 — ทอง · #FFD700

เฉดของสีทอง: อ่อนและเข้ม

จากอ่อนที่สุดไปเข้มที่สุด แตะเฉดสีเพื่อคัดลอกโค้ด

ดูเฉดสีทั้งหมด: เครื่องมือสร้างเฉดสี

สีที่เข้ากับสีทอง

สีที่เข้ากับสีทอง: ดำ, ขาว, น้ำเงินกรมท่า, เขียวมรกต, แดงไวน์ — #FFD700 · #000000 · #FFFFFF · #000080 · #50C878 · #722F37

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

วิธีจับคู่สีทอง ในการแต่งกายและการแต่งบ้าน →

ความกลมกลืนของสีทอง

การจับคู่สีตามวงล้อสี ดูเพิ่มเติมได้ในเครื่องมือความกลมกลืนของสี

สีตรงข้ามใกล้เคียง: น้ำเงิน

สีใกล้เคียงใกล้เคียง: แดงอมส้ม, มะนาวเขียว

สามเส้าใกล้เคียง: เทอร์ควอยซ์อมน้ำเงิน, มาเจนตา

สีตรงข้ามแบบแยกใกล้เคียง: คอร์นฟลาวเวอร์, น้ำเงิน

สี่เส้าใกล้เคียง: เขียวสปริง, น้ำเงิน, ฟูเชีย

พาเลตที่มีสีทอง

คัดลอกโค้ด หรือเปิดพาเลตในเครื่องมือแก้ไขเพื่อปรับแต่ง

พาเลต: โมโนโครม · ทอง

พาเลต: สีใกล้เคียง · ทอง

พาเลต: สีตรงข้าม · ทอง

พาเลต: สามเส้า · ทอง

พาเลต: กับสีกลาง · ทอง

พาเลต: มีสีเน้น · ทอง

คอนทราสต์ของสีทอง กับตัวอักษร

ตัวอักษรสีขาวคอนทราสต์ 1.4:1 · ไม่แนะนำ

ตัวอักษรสีดำคอนทราสต์ 15.0:1 · AAA

ตามเกณฑ์ WCAG 2.1 ตรวจสอบคู่สีอื่นได้ในตรวจสอบคอนทราสต์

โค้ด CSS

:root {
  --gold: #FFD700;
  --gold-rgb: 255, 215, 0;
}
.พื้นหลัง { background-color: var(--gold); }
.ตัวอักษร { color: var(--gold); }

สีที่คล้ายกับสีทอง

มะนาว มัสตาร์ด ข้าวโพด เหลือง

พบสีนี้ได้ที่ไหน

โคลอมเบียธงชาติ Club Américaสโมสรฟุตบอล อุรุกวัยธงชาติ Peñarolสโมสรฟุตบอล เยอรมนีธงชาติ

พาเลตตามธีมที่มีสีนี้

ตัวอย่างสีทอง พร้อมเฉดจากอ่อนไปเข้ม · #FFD700

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

พาเลตสีจากชื่อพิมพ์ชื่อแล้วรับพาเลตสีเฉพาะตัว ตู้สุ่มสีดึงคันโยกแล้วรับพาเลตสี ตู้ปลาสีสันตู้ปลา 3D ผ่อนคลายในสีที่คุณเลือก

เครื่องมือฟรีทั้งหมด →

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

สีทอง มีโค้ดอะไร

โค้ด HEX ของสีทอง คือ #FFD700 ใน RGB คือ rgb(255, 215, 0) ใน HSL คือ hsl(51, 100%, 50%) และใน CMYK คือ 0, 16, 100, 0

สีตรงข้ามของสีทอง คือสีอะไร

สีตรงข้ามบนวงล้อสีคือ #0028FF ซึ่งเป็นเฉดที่ใกล้กับสีน้ำเงิน ใช้ปริมาณน้อย ๆ เป็นสีเน้นและให้คอนทราสต์สูง

ใช้ตัวอักษรสีขาวบนสีทอง ได้ไหม

ควรใช้ตัวอักษรสีดำดีกว่า เพราะคอนทราสต์กับสีขาวมีเพียง 1.4:1 ขณะที่กับสีดำคือ 15.0:1

สีทอง เข้ากับสีอะไรบ้าง

เข้ากันได้ดีกับสีเหล่านี้: ดำ, ขาว, น้ำเงินกรมท่า, เขียวมรกต, แดงไวน์ อย่าผสมสีทองกับสีเงินโดยไม่มีแผน เพราะอาจดูวุ่นวาย และอย่าใช้สีทองมากเกินไป เพราะจะดูรก