devpack
EnglishEspañolPortuguêsBahasa IndonesiaFrançaisРусскийDeutschTiếng Việt

Mã màu Coral (#ff7f50)

Coral là #ff7f50 ở dạng hex và rgb(255, 127, 80) — một màu cam nhạt. Bên dưới là mọi định dạng màu, các sắc độ nhạt và đậm, bảng phối màu và mức độ dễ đọc khi dùng làm chữ.

Cập nhật

Coral
#ff7f50
Tên CSScoral
Hex#ff7f50
RGBrgb(255, 127, 80)
HSLhsl(16 100% 66%)
HWBhwb(16 31% 0%)
CMYK0%, 50%, 69%, 0%

Các sắc độ nhạt và đậm

#ffe5dc#ffccb9#ffb296#ff9973gốc
#ff7f50#cc6640#994c30#663320#331910

Bảng phối màu

Bổ sung
#52d1ffTương đồng
#ff527aTương đồng
#ffd752Tam giác
#52ff80Tam giác
#8052ff

Về màu Coral

Coral (coral) là một màu cam nhạt, tươi sáng, có mã hex #ff7f50, hoặc rgb(255, 127, 80). Trong HSL, màu này có sắc độ 16°, độ bão hòa 100% và độ sáng 66%. Đây là một trong 148 màu có tên mà mọi trình duyệt đều hiểu, nên bạn có thể viết color: coral; thay vì mã hex.

Dùng Coral cho chữ và nền

Cặp màuTỷ lệ tương phảnWCAG
Chữ Coral trên nền trắng2.50 : 1không đạt
Chữ Coral trên nền đen8.40 : 1AAA

Khi dùng nền coral, hãy dùng chữ đen (8.40 : 1). WCAG yêu cầu tỷ lệ tối thiểu 4.5 : 1 cho văn bản thường và 3 : 1 cho văn bản lớn. Kiểm tra các cặp màu khác với Công cụ kiểm tra độ tương phản.

CSS

.element {
  color: coral;               /* or #ff7f50 */
  background-color: #ff7f50;
  border: 1px solid rgb(255 127 80 / 50%);
}

Các màu có tên tương tự

Cà chua (#ff6347), Cá hồi (#fa8072), Nâu cát (#f4a460), Coral nhạt (#f08080), Cá hồi đậm (#e9967a), Peru (#cd853f).

Câu hỏi thường gặp

Mã hex của coral là gì?
#ff7f50 — tương ứng với rgb(255, 127, 80) và hsl(16, 100%, 66%). Trong CSS, bạn cũng có thể chỉ cần viết coral.
Chữ coral có dễ đọc trên nền trắng không?
Tỷ lệ tương phản của nó trên nền trắng là 2.50 : 1, không đạt chuẩn WCAG — hãy dùng cho phần trang trí hoặc trên nền tối.
Những màu nào hợp với coral?
Màu bổ sung của nó là #52d1ff; các màu tương đồng #ff527a và #ffd752 nằm cạnh nó trên bánh xe màu.