พาเลตสี

สีอำพัน

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

ชื่ออื่น: เหลืองอำพัน

โค้ด HEX ของสีอำพัน คือ #FFBF00 ใน RGB คือ rgb(255, 191, 0) ใน HSL คือ hsl(45, 100%, 50%) และใน CMYK คือ 0, 25, 100, 0

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

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

สีที่คล้ายกับสีอำพัน

ทานตะวัน#FFC512มัสตาร์ด#E1AD01หญ้าฝรั่น#F4C430ทอง#FFD700ดาวเรือง#EAA221โกลเดนร็อด#DAA520

สีอำพัน โดยสรุป

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

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

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

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

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

ความกลมกลืนของสีอำพัน

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

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

พาเลตที่มีสีอำพัน

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

พาเลต: โมโนโครม · อำพัน
พาเลต: สีใกล้เคียง · อำพัน
พาเลต: สีตรงข้าม · อำพัน
พาเลต: สามเส้า · อำพัน
พาเลต: กับสีกลาง · อำพัน
พาเลต: มีสีเน้น · อำพัน

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

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

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

โค้ด CSS

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

สีที่คล้ายกับสีอำพัน

กล้วยเหลืองทองสดน้ำผึ้งส้มพาสเทล

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

อาร์เจนตินาธงชาติTigres UANLสโมสรฟุตบอลGoogleแบรนด์Real MadridสโมสรฟุตบอลMicrosoftแบรนด์

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

เฉดสีเหลืองอื่น ๆ

เหลืองทองทองโบราณมัสตาร์ดมะนาวข้าวสาลีน้ำผึ้งเหลืองคีรีบูนหญ้าฝรั่นแชมเปญเหลืองพาสเทลเหลืองนีออนข้าวโพดทานตะวันโกลเดนร็อดดาวเรืองเหลืองเนยเหลืองทองสดกล้วยทองเหลือง
ตัวอย่างสีอำพัน พร้อมเฉดจากอ่อนไปเข้ม · #FFBF00
ตัวอย่างสีอำพัน พร้อมเฉดจากอ่อนไปเข้ม · #FFBF00

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

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

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

สีอำพัน มีโค้ดอะไร

โค้ด HEX ของสีอำพัน คือ #FFBF00 ใน RGB คือ rgb(255, 191, 0) ใน HSL คือ hsl(45, 100%, 50%) และใน CMYK คือ 0, 25, 100, 0

สีตรงข้ามของสีอำพัน คือสีอะไร

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

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

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