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

Mã màu Wheat (#f5deb3)

Wheat có mã #f5deb3 ở dạng hex và rgb(245, 222, 179), là một màu cam nhạt rất tươi. Dưới đây là mọi định dạng màu, sắc độ, tông tối, phối màu và mức độ dễ đọc khi dùng làm chữ.

Cập nhật

Lúa mì
#f5deb3
Tên CSSwheat
Hex#f5deb3
RGBrgb(245, 222, 179)
HSLhsl(39 77% 83%)
HWBhwb(39 70% 4%)
CMYK0%, 9%, 27%, 4%

Sắc độ và tông tối

#fdf8f0#fbf2e1#f9ebd1#f7e5c2gốc
#f5deb3#c4b28f#93856b#625948#312c24

Phối màu

Bổ sung
#b2caf5Tương tự
#f5bcb2Tương tự
#ebf5b2Tam giác
#b2f5deTam giác
#deb2f5

Về màu Wheat

Wheat (wheat) là một màu cam rất nhạt, tươi sáng, có mã hex #f5deb3, hoặc rgb(245, 222, 179). Trong HSL, màu này có sắc độ (hue) 39°, độ bão hòa 77% và độ sáng 83%. Đâ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: wheat; thay cho mã hex.

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

Cặp màuTỷ lệ tương phảnWCAG
Chữ Wheat trên nền trắng1.31 : 1không đạt
Chữ Wheat trên nền đen15.98 : 1AAA

Khi nền là Wheat, hãy dùng chữ đen (15.98 : 1). WCAG yêu cầu tối thiểu 4.5 : 1 cho chữ nội dung và 3 : 1 cho chữ lớn. Bạn có thể 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: wheat;               /* or #f5deb3 */
  background-color: #f5deb3;
  border: 1px solid rgb(245 222 179 / 50%);
}

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

Navajo White (#ffdead), Moccasin (#ffe4b5), Peach Puff (#ffdab9), Pale Goldenrod (#eee8aa), Bisque (#ffe4c4), Blanched Almond (#ffebcd).

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

Mã hex của màu wheat là gì?
#f5deb3 — tương đương rgb(245, 222, 179) và hsl(39, 77%, 83%). Trong CSS, bạn cũng có thể viết trực tiếp wheat.
Chữ màu wheat trên nền trắng có dễ đọc không?
Tỷ lệ tương phản của nó trên nền trắng là 1.31 : 1, không đạt WCAG. Bạn nên dùng nó để trang trí hoặc trên nền tối.
Những màu nào hợp với wheat?
Màu bổ sung của nó là #b2caf5; các màu tương tự #f5bcb2 và #ebf5b2 nằm cạnh nó trên vòng màu.