Mã màu hệ lục phân, tên màu HTML / giá trị RGB – mã màu trong html

Để chỉ định màu trong HTML, bạn có thể sử dụng tên màu được xác định trước hoặc giá trị HEX, RGB. Bảng tên màu HTML với mã màu Hex, giá trị RGB và HSL.

Bạn đang xem : mã màu trong html

Có ba cách để bạn có thể thay đổi màu của văn bản trong HTML: sử dụng mã màu Hex, màu HTML tên hoặc giá trị RGB.

Mã màu Hex

Mã màu hex là bộ ba hex, đại diện cho ba giá trị riêng biệt xác định cấp độ của các màu thành phần. Nó được chỉ định bằng ký hiệu thập lục phân (hex) cho hỗn hợp các giá trị màu Đỏ, Xanh lục và Xanh lam. Giá trị thấp nhất có thể cung cấp cho một trong các nguồn sáng là 0 (hex 00). Giá trị cao nhất là 255 (hex FF).

Giá trị hex được viết dưới dạng số có sáu chữ số, bắt đầu bằng dấu #. Các chữ cái được sử dụng dưới dạng chữ số thập lục phân có thể là chữ hoa hoặc chữ thường. Ví dụ: để chỉ định màu trắng, bạn có thể viết #FFFFFF hoặc #ffffff.

Để thêm màu vào phần tử văn bản, hãy sử dụng thuộc tính style (trong đó thuộc tính màu là mã Hex của bạn) hoặc thuộc tính CSS tương ứng.

Ví dụ về thuộc tính background-color được sử dụng với ” hex “giá trị:

 

& lt;

html

& gt;

& lt;

head

& gt;

& lt;

title

& gt;

Tiêu đề của tài liệu

& lt; /

title

& gt;

& lt;

style

& gt;

div

{

background-color

:

# 1c87c9

;

color

:

# d5dce8

;

padding

:

22px

; }

& lt; /

style

& gt;

& lt; /

head

& gt;

& lt;

body

& gt;

& lt;

div

& gt;

& lt;

p

& gt;

Đây là văn bản có màu xám và nền là màu xanh lam

& lt; /

p

& gt;

& lt; /

div

& gt;

& lt;

p

style

=

" color: # 8ebf42; "

& gt;

Đây là văn bản có màu xanh lục

& lt; /

p

& gt;

& lt; /

body

& gt;

& lt; /

html

& gt;


Hãy tự mình thử »

Kết quả

Trong bảng bên dưới, bạn có thể thấy các giá trị Hex của màu web. Bạn cũng có thể sử dụng công cụ Công cụ chọn màu của chúng tôi để duyệt qua hàng triệu màu với mã màu Hex.

Tên màu HTML

Để tô màu phần tử văn bản bằng tên màu HTML, hãy đặt tên của màu (ví dụ: màu xanh lam) thay vì mã Hex ở bước trước.

Xem Thêm  How to Test If a Checkbox is Checked with jQuery - jquery is checked

Ví dụ về thuộc tính màu được sử dụng với “color name “giá trị:

 

& lt;

html

& gt;

& lt;

head

& gt;

& lt;

title

& gt;

Tiêu đề của tài liệu

& lt; /

title

& gt;

& lt;

style

& gt;

div

{

background-color

: blue;

color

: trắng;

padding

:

22px

; }

& lt; /

style

& gt;

& lt; /

head

& gt;

& lt;

body

& gt;

& lt;

div

& gt;

& lt;

p

& gt;

Đây là văn bản có màu xám và nền là màu xanh lam

& lt; /

p

& gt;

& lt; /

div

& gt;

& lt;

p

style

=

" color: blue; "

& gt;

Đây là văn bản có màu xanh lam

& lt; /

p < / p> & gt;

& lt; /

body

& gt;

& lt; /

html

& gt;


Hãy tự mình thử »

Giá trị Màu RGB

Để thêm màu vào phần tử văn bản, hãy sử dụng thuộc tính style (trong đó thuộc tính màu là giá trị RGB của bạn) hoặc các thuộc tính CSS tương ứng.

Ví dụ về thuộc tính background-color được sử dụng với ” RGB “giá trị:

 

& lt;

html

& gt;

& lt;

head

& gt;

& lt;

title

& gt;

Tiêu đề của tài liệu

& lt; /

title

& gt;

& lt;

style

& gt;

div

{

background-color

:

rgb

(

25

,

25

,

112

);

color

:

rgb

(

169

,

169

,

169

);

padding

:

22px

; }

& lt; /

style

& gt;

& lt; /

head

& gt;

& lt;

body

& gt;

& lt;

div

& gt;

& lt;

p

& gt;

Đây là văn bản có màu xám và nền là màu xanh lam

& lt; /

p

& gt;

& lt; /

div

& gt;

& lt;

p

style

=

" color: rgb (25,25,112); "

& gt;

Đây là văn bản màu xanh lam

& lt; /

p

& gt;

& lt; /

body

& gt;

& lt; /

html

& gt;


Hãy tự mình thử »

Đây là bảng màu 216 trình duyệt chéo được sử dụng để tạo các trang của trang web.

Giá trị Hex
Màu sắc
Giá trị RGB

# 000000

rgb (0,0,0)

#FFFFFF

rgb (255,255,255)

# FF0000

rgb (255,0,0)

# 00FFFF

rgb (0,255,255)

# 0000FF

rgb (0,0,255)

# C0C0C0

rgb (192,192,192)

# FF00FF

rgb (255,0,255)

Giá trị Hex
Màu sắc
Giá trị RGB

# 000000

rgb (0,0,0)

# 080000

rgb (8,0,0)

# 100000

rgb (16,0,0)

# 180000

rgb (24,0,0)

# 200000

rgb (32,0,0)

# 280000

rgb (40,0,0)

# 300000

rgb (48,0,0)

# 380000

rgb (56,0,0)

# 400000

rgb (64,0,0)

# 480000

rgb (72,0,0)

# 500000

rgb (80,0,0)

# 580000

rgb (88,0,0)

# 600000

rgb (96,0,0)

# 680000

rgb (104,0,0)

# 700000

rgb (112,0,0)

# 780000

rgb (120,0,0)

# 800000

rgb (128,0,0)

# 880000

rgb (136,0,0)

# 900000

rgb (144,0,0)

# 980000

rgb (152,0,0)

# A00000

rgb (160,0,0)

# A80000

rgb (168,0,0)

# B00000

rgb (176,0,0)

# B80000

rgb (184,0,0)

# C00000

rgb (192,0,0)

# C80000

rgb (200,0,0)

# D00000

rgb (208,0,0)

# D80000

rgb (216,0,0)

# E00000

rgb (224,0,0)

# E80000

rgb (232,0,0)

# F00000

rgb (240,0,0)

# F80000

rgb (248,0,0)

# FF0000

rgb (255,0,0)

Giá trị Hex
Màu sắc
Giá trị RGB

# 000000

rgb (0,0,0)

# 080808

rgb (8,8,8)

# 101010

rgb (16,16,16)

# 181818

rgb (24,24,24)

# 202020

rgb (32,32,32)

# 282828

rgb (40,40,40)

# 303030

rgb (48,48,48)

# 383838

rgb (56,56,56)

# 404040

rgb (64,64,64)

# 484848

rgb (72,72,72)

# 505050

rgb (80,80,80)

# 585858

rgb (88,88,88)

# 606060

rgb (96,96,96)

# 686868

rgb (104,104,104)

# 707070

rgb (112,112,112)

# 787878 & amp;

rgb (120,120,120)

# 808080

rgb (128,128,128)

# 888888

rgb (136,136,136)

# 909090

rgb (144,144,144)

# 989898

rgb (152,152,152)

# A0A0A0

rgb (160,160,160)

# A8A8A8

rgb (168,168,168)

# B0B0B0

rgb (176,176,176)

# B8B8B8

rgb (184,184,184)

# C0C0C0

rgb (192,192,192)

# C8C8C8

rgb (200,200,200)

# D0D0D0

rgb (208.208.208)

# D8D8D8

rgb (216,216,216)

# E0E0E0

rgb (224,224,224)

# E8E8E8

rgb (232,232,232)

# F0F0F0

rgb (240,240,240)

# F8F8F8

rgb (248,248,248)

#FFFFFF

rgb (255,255,255)

Màu web

# 000000
# 000033
# 000066
# 000099
# 0000CC
# 0000FF

# 003300
# 003333
# 003366
# 003399
# 0033CC
# 0033FF

# 006600
# 006633
# 006666
# 006699
# 0066CC
# 0066FF

# 009900
# 009933
# 009966
# 009999
# 0099CC
# 0099FF

# 00CC00
# 00CC33
# 00CC66
# 00CC99
# 00CCCC
# 00CCFF

# 00FF00
# 00FF33
# 00FF66
# 00FF99
# 00FFCC
# 00FFFF

# 330000
# 330033
# 330066
# 330099
# 3300CC
# 3300FF

# 333300
# 333333
# 333366
# 333399
# 3333CC
# 3333FF

# 336600
# 336633
# 336666
# 336699
# 3366CC
# 3366FF

# 339900
# 339933
# 339966
# 339999
# 3399CC
# 3399FF

# 33CC00
# 33CC33
# 33CC66
# 33CC99
# 33CCCC
# 33CCFF

# 33FF00
# 33FF33
# 33FF66
# 33FF99
# 33FFCC
# 33FFFF

# 660000
# 660033
# 660066
# 660099
# 6600CC
# 6600FF

# 663300
# 663333
# 663366
# 663399
# 6633CC
# 6633FF

# 666600
# 666633
# 666666
# 666699
# 6666CC
# 6666FF

# 669900
# 669933
# 669966
# 669999
# 6699CC
# 6699FF

# 66CC00
# 66CC33
# 66CC66
# 66CC99
# 66CCCC
# 66CCFF

# 66FF00
# 66FF33
# 66FF66
# 66FF99
# 66FFCC
# 66FFFF

# 990000
# 990033
# 990066
# 990099
# 9900CC
# 9900FF

# 993300
# 993333
# 993366
# 993399
# 9933CC
# 9933FF

# 996600
# 996633
# 996666
# 996699
# 9966CC
# 9966FF

# 999900
# 999933
# 999966
# 999999
# 9999CC
# 9999FF

# 99CC00
# 99CC33
v99CC66
# 99CC99
# 99CCCC
# 99CCFF

# 99FF00
# 99FF33
# 99FF66
v99FF99
# 99FFCC
# 99FFFF

# CC0000
# CC0033
# CC0066
# CC0099
# CC00CC
# CC00FF

# CC3300
# CC3333
# CC3366
# CC3399
# CC33CC
# CC33FF

# CC6600
# CC6633
# CC6666
# CC6699
# CC66CC
# CC66FF

# CC9900
# CC9933
# CC9966
# CC9999
# CC99CC
# CC99FF

# CCCC00
# CCCC33
# CCCC66
# CCCC99
#CCCCCC
#CCCCFF

# CCFF00
# CCFF33
# CCFF66
# CCFF99
#CCFFCC
#CCFFFF

# FF0000
# FF0033
# FF0066
# FF0099
# FF00CC
# FF00FF

# FF3300
# FF3333
# FF3366
# FF3399
# FF33CC
# FF33FF

# FF6600
# FF6633
# FF6666
# FF6699
# FF66CC
# FF66FF

# FF9900
# FF9933
# FF9966
# FF9999
# FF99CC
# FF99FF

# FFCC00
# FFCC33
# FFCC66
# FFCC99
#FFCCCC
#FFCCFF

# FFFF00
# FFFF33
# FFFF66
# FFFF99
#FFFFCC
#FFFFFF


Xem thêm những thông tin liên quan đến chủ đề mã màu trong html

Lấy mã màu HEX trong các website

  • Tác giả: kuckuvn
  • Ngày đăng: 2009-11-22
  • Đánh giá: 4 ⭐ ( 7995 lượt đánh giá )
  • Khớp với kết quả tìm kiếm: How to get HEX color from any website using ColorZilla and Firebug

Tổng hợp bảng màu đầy đủ của các mã HTML, CSS, RGB, CMYK chuẩn cho thiết kế

  • Tác giả: printgo.vn
  • Đánh giá: 5 ⭐ ( 7884 lượt đánh giá )
  • Khớp với kết quả tìm kiếm: Bảng màu trong thiết kế đồ hoạ rất quan trọng và designer cần nắm được mã màu của từng màu sắc để có các thiết kế ấn tượng nhất. Printgo xin gửi đến các bạn tổng hợp bảng màu đầy đủ trong bài viết này

Cách lấy mã màu bất kỳ trong HTML

  • Tác giả: blogit.vn
  • Đánh giá: 5 ⭐ ( 7399 lượt đánh giá )
  • Khớp với kết quả tìm kiếm: Hi vọng bảng tổng hợp mã màu HTML này của BlogIT sẽ giúp ích cho bạn trong quá trình làm việc và học tập.

Thiết lập màu trong HTML, Bảng mã màu trong HTML

  • Tác giả: hoclaptrinh.vn
  • Đánh giá: 5 ⭐ ( 6746 lượt đánh giá )
  • Khớp với kết quả tìm kiếm: Thiết lập màu trong HTML, Bảng mã màu trong HTML. Màu tạo cảm giác về một vẻ bề ngoài đẹp cho trang web của bạn.

Bảng màu trong HTML

  • Tác giả: viettuts.vn
  • Đánh giá: 4 ⭐ ( 8927 lượt đánh giá )
  • Khớp với kết quả tìm kiếm: Danh sách tất cả các tên màu HTML có mã hexa theo thứ tự bảng chữ cái được liệt kê trong bảng màu trong HTML dưới đây. Chúng được được sắp xếp từ A đến Z.

Code Màu mã màu HTML, CSS, RGB, CMYK Mới Nhất 2022

  • Tác giả: seotct.com
  • Đánh giá: 3 ⭐ ( 4752 lượt đánh giá )
  • Khớp với kết quả tìm kiếm: Tổng Hợp Code Màu mã màu HTML, CSS, RGB, CMYK Mới Nhất. Hi vọng bảng tổng hợp mã màu dưới đây sẽ giúp ích cho bạn trong quá trình làm việc và học tập.

Bảng code màu HTML, CSS, RGB, CMYK chuẩn

  • Tác giả: ingiacong.co
  • Đánh giá: 4 ⭐ ( 2855 lượt đánh giá )
  • Khớp với kết quả tìm kiếm: Bảng code màu chuẩn theo các hệ màu HTML, CSS, RGB, CMYK giúp bạn chọn đúng mã màu để sử dụng cho thiết kế và in ấn.

Xem thêm các bài viết khác thuộc chuyên mục: Kiến thức lập trình