Color picker online - Công cụ lấy mã màu online 2025

Loading...
Tiva.vn
Đăng tin tuyển dụng 100% miễn phí
Tiva.vn

Chọn mã màu:

colormap#003366#336699#3366CC#003399#000099#0000CC#000066#006666#006699#0099CC#0066CC#0033CC#0000FF#3333FF#333399#669999#009999#33CCCC#00CCFF#0099FF#0066FF#3366FF#3333CC#666699#339966#00CC99#00FFCC#00FFFF#33CCFF#3399FF#6699FF#6666FF#6600FF#6600CC#339933#00CC66#00FF99#66FFCC#66FFFF#66CCFF#99CCFF#9999FF#9966FF#9933FF#9900FF#006600#00CC00#00FF00#66FF99#99FFCC#CCFFFF#CCCCFF#CC99FF#CC66FF#CC33FF#CC00FF#9900CC#003300#009933#33CC33#66FF66#99FF99#CCFFCC#FFFFFF#FFCCFF#FF99FF#FF66FF#FF00FF#CC00CC#660066#336600#009900#66FF33#99FF66#CCFF99#FFFFCC#FFCCCC#FF99CC#FF66CC#FF33CC#CC0099#993399#333300#669900#99FF33#CCFF66#FFFF99#FFCC99#FF9999#FF6699#FF3399#CC3399#990099#666633#99CC00#CCFF33#FFFF66#FFCC66#FF9966#FF6666#FF0066#CC6699#993366#999966#CCCC00#FFFF00#FFCC00#FF9933#FF6600#FF5050#CC0066#660033#996633#CC9900#FF9900#CC6600#FF3300#FF0000#CC0000#990033#663300#996600#CC3300#993300#990000#800000#993333
 

Hoặc nhập:

Nhập sai

Hoặc chọn:



Màu đã chọn:



Black Text

Shadow

White Text

Shadow
#ff0066
rgb(255, 0, 102)
hsl(336, 100%, 50%)
color:#ff0066;
background-color:#ff0066;

Lighter / Darker:

100%  #ffffff
95%  #ffe6f0
90%  #ffcce0
85%  #ffb3d1
80%  #ff99c2
75%  #ff80b3
70%  #ff66a3
65%  #ff4d94
60%  #ff3385
55%  #ff1a75
50% 

 #ff0066
45%  #e6005c
40%  #cc0052
35%  #b30047
30%  #99003d
25%  #800033
20%  #660029
15%  #4d001f
10%  #330014
5%  #1a000a
0%  #000000

Hue

Hue là tổ hợp 12 màu đậm nhạt khác nhau trên bánh xe màu sắc (color wheel). Hue đóng vai trò như một yếu tố căn bản trong màu sắc. Nó có thể được chuyển hoá thành ba dạng khác nhau: Tint (Sắc thái màu), Shade (Đổ bóng), Tone (Tông màu).

Tint thường được tạo ra bằng cách hoà trộn Hue với màu trắng
Shade thì là hỗn hợp giữa Hue và màu đen.

hue HexRgbHsl
#ff0000rgb(255, 0, 0)hsl(0, 100%, 50%)
15 #ff4000rgb(255, 64, 0)hsl(15, 100%, 50%)
30 #ff8000rgb(255, 128, 0)hsl(30, 100%, 50%)
45 #ffbf00rgb(255, 191, 0)hsl(45, 100%, 50%)
60 #ffff00rgb(255, 255, 0)hsl(60, 100%, 50%)
75 #bfff00rgb(191, 255, 0)hsl(75, 100%, 50%)
90 #80ff00rgb(128, 255, 0)hsl(90, 100%, 50%)
105 #40ff00rgb(64, 255, 0)hsl(105, 100%, 50%)
120 #00ff00rgb(0, 255, 0)hsl(120, 100%, 50%)
135 #00ff40rgb(0, 255, 64)hsl(135, 100%, 50%)
150 #00ff80rgb(0, 255, 128)hsl(150, 100%, 50%)
165 #00ffbfrgb(0, 255, 191)hsl(165, 100%, 50%)
180 #00ffffrgb(0, 255, 255)hsl(180, 100%, 50%)
195 #00bfffrgb(0, 191, 255)hsl(195, 100%, 50%)
210 #0080ffrgb(0, 128, 255)hsl(210, 100%, 50%)
225 #0040ffrgb(0, 64, 255)hsl(225, 100%, 50%)
240 #0000ffrgb(0, 0, 255)hsl(240, 100%, 50%)
255 #4000ffrgb(64, 0, 255)hsl(255, 100%, 50%)
270 #8000ffrgb(128, 0, 255)hsl(270, 100%, 50%)
285 #bf00ffrgb(191, 0, 255)hsl(285, 100%, 50%)
300 #ff00ffrgb(255, 0, 255)hsl(300, 100%, 50%)
315 #ff00bfrgb(255, 0, 191)hsl(315, 100%, 50%)
330 #ff0080rgb(255, 0, 128)hsl(330, 100%, 50%)
336 #ff0066rgb(255, 0, 102)hsl(336, 100%, 50%)
345 #ff0040rgb(255, 0, 64)hsl(345, 100%, 50%)
360 #ff0000rgb(255, 0, 0)hsl(0, 100%, 50%)

Saturation

Saturation là độ rực màu hoặc độ bão hòa của màu, nó còn được hiểu là mức độ sử dụng của một màu nhất định nhiều hay ít. Như vậy, nếu như bạn sử dụng màu nào đó với mức độ nhiều thì độ Saturation cũng tăng lên.

sat HexRgbHsl
100% #ff0066rgb(255, 0, 102)hsl(336, 100%, 50%)
95% #f90667rgb(249, 6, 103)hsl(336, 95%, 50%)
90% #f20d69rgb(242, 13, 105)hsl(336, 90%, 50%)
85% #ec136argb(236, 19, 106)hsl(336, 85%, 50%)
80% #e6196brgb(230, 25, 107)hsl(336, 80%, 50%)
75% #df206crgb(223, 32, 108)hsl(336, 75%, 50%)
70% #d9266ergb(217, 38, 110)hsl(336, 70%, 50%)
65% #d22d6frgb(210, 45, 111)hsl(336, 65%, 50%)
60% #cc3370rgb(204, 51, 112)hsl(336, 60%, 50%)
55% #c63971rgb(198, 57, 113)hsl(336, 55%, 50%)
50% #bf4073rgb(191, 64, 115)hsl(336, 50%, 50%)
45% #b94674rgb(185, 70, 116)hsl(336, 45%, 50%)
40% #b34d75rgb(179, 77, 117)hsl(336, 40%, 50%)
35% #ac5377rgb(172, 83, 119)hsl(336, 35%, 50%)
30% #a65978rgb(166, 89, 120)hsl(336, 30%, 50%)
25% #9f6079rgb(159, 96, 121)hsl(336, 25%, 50%)
20% #99667argb(153, 102, 122)hsl(336, 20%, 50%)
15% #936c7crgb(147, 108, 124)hsl(336, 15%, 50%)
10% #8c737drgb(140, 115, 125)hsl(336, 10%, 50%)
5% #86797ergb(134, 121, 126)hsl(336, 5%, 50%)
0% #808080rgb(128, 128, 128)hsl(336, 0%, 50%)

Lightness

light HexRgbHsl
100% #ffffffrgb(255, 255, 255)hsl(336, 100%, 100%)
95% #ffe6f0rgb(255, 230, 240)hsl(336, 100%, 95%)
90% #ffcce0rgb(255, 204, 224)hsl(336, 100%, 90%)
85% #ffb3d1rgb(255, 179, 209)hsl(336, 100%, 85%)
80% #ff99c2rgb(255, 153, 194)hsl(336, 100%, 80%)
75% #ff80b3rgb(255, 128, 179)hsl(336, 100%, 75%)
70% #ff66a3rgb(255, 102, 163)hsl(336, 100%, 70%)
65% #ff4d94rgb(255, 77, 148)hsl(336, 100%, 65%)
60% #ff3385rgb(255, 51, 133)hsl(336, 100%, 60%)
55% #ff1a75rgb(255, 26, 117)hsl(336, 100%, 55%)
50% #ff0066rgb(255, 0, 102)hsl(336, 100%, 50%)
45% #e6005crgb(230, 0, 92)hsl(336, 100%, 45%)
40% #cc0052rgb(204, 0, 82)hsl(336, 100%, 40%)
35% #b30047rgb(179, 0, 71)hsl(336, 100%, 35%)
30% #99003drgb(153, 0, 61)hsl(336, 100%, 30%)
25% #800033rgb(128, 0, 51)hsl(336, 100%, 25%)
20% #660029rgb(102, 0, 41)hsl(336, 100%, 20%)
15% #4d001frgb(77, 0, 31)hsl(336, 100%, 15%)
10% #330014rgb(51, 0, 20)hsl(336, 100%, 10%)
5% #1a000argb(26, 0, 10)hsl(336, 100%, 5%)
0% #000000rgb(0, 0, 0)hsl(336, 100%, 0%)

RGB (Red, Green, Blue)

Red Green Blue
255 0 102
rgb(255, 0, 102)
#ff0066

Trên đây là công cụ giúp bạn chọn nhanh mã màu mà bạn yêu thích bằng cách click vào phần bản đồ màu ở công cụ lấy màu trên, tiếp đó bạn sẽ nhận được mã màu hex, rgb và hsl ở cột bên cạnh. Ngoài ra công cụ này còn tạo tự động danh sách các màu sắc sáng hơn (lighter) và màu sắc tối hơn (darker) để bạn có thêm lựa chọn cho nhu cầu lấy màu của bạn. Nếu bạn không tự chọn được màu đẹp, hãy tham khảo ngay bảng mã màu đẹp 2025 với hơn 6400+ mã màu đẹp nhất.

công cụ lấy mã màu online, color picker online, phần mềm lấy mã màu, công cụ lấy màu color picker, color picker tools

Tiva.vn
Đăng tin tuyển dụng 100% miễn phí
Tiva.vn
TOP
×
x