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

Mã màu Deep Pink (#ff1493)

Deep Pink là #ff1493 ở dạng hex và rgb(255, 20, 147) — một tông magenta đậm vừa phải. Dưới đây là mọi định dạng màu, sắc độ và tông tối, phối màu, cùng mức độ dễ đọc khi dùng làm chữ.

Cập nhật

Deep Pink
#ff1493
Tên CSSdeeppink
Hex#ff1493
RGBrgb(255, 20, 147)
HSLhsl(328 100% 54%)
HWBhwb(328 8% 0%)
CMYK0%, 92%, 42%, 0%

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

#ffd0e9#ffa1d4#ff72be#ff43a9gốc
#ff1493#cc1076#990c58#66083b#33041d

Phối màu hài hòa

Bổ sung
#14ff82Tương tự
#f714ffTương tự
#ff141cTam giác
#92ff14Tam giác
#1492ff

Về Deep Pink

Deep Pink (deeppink) là một tông magenta đậm, rực rỡ, có mã hex #ff1493, hoặc rgb(255, 20, 147). Trong HSL, màu này có sắc độ (hue) 328°, độ bão hòa 100% và độ sáng 54%. Đâ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: deeppink; thay vì giá trị hex.

Dùng Deep Pink cho chữ và nền

Cặp màuTỷ lệ tương phảnWCAG
Chữ Deep Pink trên nền trắng3.64 : 1Chỉ AA cho chữ lớn
Chữ Deep Pink trên nền đen5.77 : 1AA

Trên nền deep pink, hãy dùng chữ đen (5.77 : 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. Kiểm tra các cặp màu khác với Contrast Checker.

CSS

.element {
  color: deeppink;               /* or #ff1493 */
  background-color: #ff1493;
  border: 1px solid rgb(255 20 147 / 50%);
}

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

Medium Violet Red (#c71585), Hot Pink (#ff69b4), Crimson (#dc143c), Pale Violet Red (#db7093), Indian Red (#cd5c5c), Tomato (#ff6347).

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

Mã hex của deep pink là gì?
#ff1493 — tức là rgb(255, 20, 147) và hsl(328, 100%, 54%). Trong CSS, bạn cũng có thể viết trực tiếp deeppink.
Chữ deep pink 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à 3.64 : 1, chỉ đạt chuẩn WCAG AA cho chữ lớn.
Những màu nào hợp với deep pink?
Màu bổ sung của nó là #14ff82; hai màu tương tự #f714ff và #ff141c nằm cạnh nó trên vòng tròn màu.