สี #45a4fd: โทนสด เฉดอ่อนของสีน้ำเงิน
#45a4fd คือ rgb(69, 164, 253) ใน RGB และ oklch(70.321% 0.15811 249.914) ใน OKLCH รูปแบบอื่น เฉดสี และค่าคอนทราสต์ทั้งหมดอยู่ด้านล่าง
อ่านเป็น HEX
- Ctrl Vวางสีได้ทุกที่
- Spaceสุ่มสี
- Cคัดลอก HEX
- สีน้ำเงิน
- อ่อน
- สด
- โทนเย็น
- ≈ สีฟ้าอาซัวร์
- blue-400
- สีดำ 1%
อยู่ใน sRGB: แสดงเหมือนกันบนทุกหน้าจอ
เฉดสี
ไล่จากอ่อนสุดไปเข้มสุด คลิกเฉดเพื่อใช้งาน
ชุดสีที่เข้ากัน
ล่าสุด
สีที่คุณเลือกหรือคัดลอกจะแสดงที่นี่ และเก็บไว้ในอุปกรณ์นี้เท่านั้น
เกี่ยวกับ #45a4fd
#45a4fd เป็นโทนสด เฉดอ่อนของสีน้ำเงิน ใน OKLCH มีความสว่าง 70.3% ความสด 0.158 และฮิว 250°
อยู่ใน sRGB: แสดงเหมือนกันบนทุกหน้าจอ
ตัวอักษรสีขาวบนสีนี้ได้คอนทราสต์ 2.63:1 ส่วนสีดำได้ 7.98:1 จึงควรใช้ตัวอักษรสีดำ
ชื่อสีที่ใกล้ที่สุดคือ สีฟ้าอาซัวร์ (#007fff) ส่วนใน Tailwind CSS สีที่ใกล้ที่สุดคือ blue-400
อ่อนลง: #45a4fd ผสมสีขาว
เข้มขึ้น: #45a4fd ผสมสีดำ
นุ่มลง: #45a4fd ลดความอิ่มตัว
สีที่มีชื่อซึ่งคล้ายกัน
สีที่เข้ากับ #45a4fd
คำถามเกี่ยวกับ #45a4fd
#45a4fd คือสีอะไร
#45a4fd เป็นโทนสด เฉดอ่อนของสีน้ำเงิน ชื่อสีที่ใกล้ที่สุดคือ โทนสด เฉดอ่อนของสีน้ำเงิน ใน RGB คือ rgb(69, 164, 253) ใน HSL คือ hsl(209.02, 97.87%, 63.14%) และใน OKLCH คือ oklch(70.321% 0.15811 249.914)
สีอะไรเข้ากับ #45a4fd
สีตรงข้ามของ #45a4fd คือ #dd8a00 หากต้องการคู่สีที่ดูสงบกว่า ให้ใช้สีข้างเคียง #00b3df และ #8d91ff ส่วนสีสามเส้าคือ #f07089 และ #7eb23b
ตัวอักษรสีขาวหรือสีดำอ่านง่ายกว่าบน #45a4fd
ตัวอักษรสีดำอ่านง่ายกว่าบน #45a4fd: สีขาวให้อัตราคอนทราสต์ 2.63:1 และสีดำให้ 7.98:1 เกณฑ์ WCAG AA กำหนดให้ข้อความเนื้อหามีอย่างน้อย 4.5:1
#45a4fd เป็นสีโทนร้อนหรือโทนเย็น
#45a4fd เป็นสีโทนเย็น ใน OKLCH มีฮิว 250 องศา ความสว่าง 70.3% และความสด 0.158