Chào mừng đến với Nickgenom!
| English | | Filipino | | Indonesia | | Malay | | Thai | | Vietnamese |

Daftar Warna

Giao diện người dùng vật liệu

Vật liệu Android

comming soon

Màu sắc yêu thích

Danh sách mã màu và tên

Số nhận dạng được hỗ trợ bởi tất cả các trình duyệt hiện đại:

aliceblue
#f0f8ff		 antiquewhite
#faebd7		 aqua
#0ff		 aquamarine
#7fffd4		 azure
#f0ffff
beige
#f5f5dc		 bisque
#ffe4c4		 black
#000		 blanchedalmond
#ffebcd		 blue
#00f
blueviolet
#8a2be2		 brown
#a52a2a		 burlywood
#deb887		 cadetblue
#5f9ea0		 chartreuse
#7fff00
chocolate
#d2691e		 coral
#ff7f50		 cornflowerblue
#6495ed		 cornsilk
#fff8dc		 crimson
#dc143c
cyan
#0ff		 darkblue
#00008b		 darkcyan
#008b8b		 darkgoldenrod
#b8860b		 darkgray
#a9a9a9
darkgrey
#a9a9a9		 darkgreen
#006400		 darkkhaki
#bdb76b		 darkmagenta
#8b008b		 darkolivegreen
#556b2f
darkorange
#ff8c00		 darkorchid
#9932cc		 darkred
#8b0000		 darksalmon
#e9967a		 darkseagreen
#8fbc8f
darkslateblue
#483d8b		 darkslategray
#2f4f4f		 darkslategrey
#2f4f4f		 darkturquoise
#00ced1		 darkviolet
#9400d3
deeppink
#ff1493		 deepskyblue
#00bfff		 dimgray
#696969		 dimgrey
#696969		 dodgerblue
#1e90ff
firebrick
#b22222		 floralwhite
#fffaf0		 forestgreen
#228b22		 fuchsia
#ff00ff		 gainsboro
#dcdcdc
ghostwhite
#f8f8ff		 gold
#ffd700		 goldenrod
#daa520		 gray
#808080		 grey
#808080
green
#008000		 greenyellow
#adff2f		 honeydew
#f0fff0		 hotpink
#ff69b4		 indianred
#cd5c5c
indigo
#4b0082		 ivory
#fffff0		 khaki
#f0e68c		 lavender
#e6e6fa		 lavenderblush
#fff0f5
lawngreen
#7cfc00		 lemonchiffon
#fffacd		 lightblue
#add8e6		 lightcoral
#f08080		 lightcyan
#e0ffff
lightgoldenrodyellow
#fafad2		 lightgray
#d3d3d3		 lightgrey
#d3d3d3		 lightgreen
#90ee90		 lightpink
#ffb6c1
lightsalmon
#ffa07a		 lightseagreen
#20b2aa		 lightskyblue
#87cefa		 lightslategray
#778899		 lightslategrey
#778899
lightsteelblue
#b0c4de		 lightyellow
#ffffe0		 lime
#0f0		 limegreen
#32cd32		 linen
#faf0e6
magenta
#f0f		 maroon
#800000		 mediumaquamarine
#66cdaa		 mediumblue
#0000cd		 mediumorchid
#ba55d3
mediumpurple
#9370db		 mediumseagreen
#3cb371		 mediumslateblue
#7b68ee		 mediumspringgreen
#00fa9a		 mediumturquoise
#48d1cc
mediumvioletred
#c71585		 midnightblue
#191970		 mintcream
#f5fffa		 mistyrose
#ffe4e1		 moccasin
#ffe4b5
navajowhite
#ffdead		 navy
#000080		 oldlace
#fdf5e6		 olive
#808000		 olivedrab
#6b8e23
orange
#ffa500		 orangered
#ff4500		 orchid
#da70d6		 palegoldenrod
#eee8aa		 palegreen
#98fb98
paleturquoise
#afeeee		 palevioletred
#db7093		 papayawhip
#ffefd5		 peachpuff
#ffdab9		 peru
#cd853f
pink
#ffc0cb		 plum
#dda0dd		 powderblue
#b0e0e6		 purple
#800080		 rebeccapurple
#663399
red
#f00		 rosybrown
#bc8f8f		 royalblue
#4169e1		 saddlebrown
#8b4513		 salmon
#fa8072
sandybrown
#f4a460		 seagreen
#2e8b57		 seashell
#fff5ee		 sienna
#a0522d		 silver
#c0c0c0
skyblue
#87ceeb		 slateblue
#6a5acd		 slategray
#708090		 slategrey
#708090		 snow
#fffafa
springgreen
#00ff7f		 steelblue
#4682b4		 tan
#d2b48c		 teal
#008080		 thistle
#d8bfd8
tomato
#ff6347		 turquoise
#40e0d0		 violet
#ee82ee		 wheat
#f5deb3		 white
#ffffff
whitesmoke
#f5f5f5		 yellow
#ffff00		 yellowgreen
#9acd32		    

Đỏ-Lục-lam (RGB) Giá trị thập lục phân (hex)

Tô màu nó dưới dạng giá trị thập lục phân ở định dạng #RRGGBB.
R = red, G = green, B = blue hexadecimal value từ 0 đến FF (bằng số thập phân 255)

Mẫu vật:

HTML: <div style="color:#efef00;">

CSS: .classname {color:#efef00;}

#000000
(black)		 #FF0000
(red)		 #00FF00
(green)		 #0000FF
(blue)

Giá trị hệ lục phân có thể được rút ngắn thành #RGB, ví dụ: # F00 = # FF0000.

Ký hiệu chức năng Red-Green-Blue rgb ()

Tô màu nó dưới dạng giá trị thập phân là: rgb (R, G, B)
R=red, G=green, B=blue giá trị thập phân từ 0 đến 255 (giống như hex FF)

Mẫu vật:

HTML: <div style="color:rgb(128,128,64);">

CSS: .classname {color:rgb(128,128,64);}

rgb(0,0,0)
(black)		 rgb(255,0,0)
(red)		 rgb(0,255,0)
(green)		 rgb(0,0,255)
(blue)

Red-Green-Blue-Alpha rgba () Ký hiệu chức năng

Tô màu giá trị thập phân là: rgba (R, G, B, A)
R=red, G=green, B=blue giá trị thập phân từ 0 đến 255 (giống như hex FF)
A = giá trị alpha (trong suốt) từ 0,0 (hoàn toàn trong suốt / không nhìn thấy) đến 1,0 (không trong suốt)

Mẫu vật:

HTML: <div style="color:rgba(128,128,64,1.0);">

CSS: .classname {color:rgba(128,128,64,1.0);}

rgba(0,0,0,1.0)
(black 100%)		 rgba(255,0,0,1.0)
(red 100%)		 rgba(0,255,0,1.0)
(green 100%)		 rgba(0,0,255,1.0)
(blue 100%)

Mẫu alpha: Màu xanh trên nền trắng

rgba(0,0,255,1.0)
(blue 100%)		 rgba(0,0,255,0.75)
(blue 75%)		 rgba(0,0,255,0.5)
(blue 50%)		 rgba(0,0,255,0.25)
(blue 25%)

Hue-Saturation-Lightness hsl () Ký hiệu chức năng

Mô hình hsl sử dụng vòng tròn màu cầu vồng (màu) kết hợp với độ bão hòa màu và độ sáng ở định dạng: hsl (H, S, L)
H (Hue) = Góc của vòng tròn màu từ 0 đến 360
S (Saturation) = Độ bão hòa màu từ 0% đến 100% (100% là độ bão hòa đầy đủ, 0% là màu xám)
L (Lightness) = Độ sáng / Độ sáng từ 0% đến 100% (50% bình thường, 100% trắng, 0% đen)

Mẫu vật:

HTML: <div style="color:hsl(240,100%,50%);">

CSS: .classname {color:hsl(240,100%,50%);}

hsl(0,0%,0%)
(black)		 hsl(0,100%,50%)
(red)		 hsl(120,100%,50%)
(green)		 hsl(240,100%,50%)
(blue)

Độ bão hòa mẫu (ánh sáng bình thường 50%):

hsl(240,100%,50%)
(blue 100% saturation)

blue		 hsl(240,75%,50%)
(blue 75% saturation)		 hsl(240,50%,50%)
(blue 50% saturation)		 hsl(240,25%,50%)
(blue 25% saturation)		 hsl(240,0%,50%)
(blue 0% saturation)

shade of gray

Độ sáng mẫu (độ bão hòa 100%):

hsl(240,100%,100%)
(blue 100% lightness)

white		 hsl(240,100%,75%)
(blue 75% lightness)		 hsl(240,100%,50%)
(blue 50% lightness)

normal		 hsl(240,100%,25%)
(blue 25% lightness)		 hsl(240,100%,0%)
(blue 0% lightness)

black

Hue-Saturation-Lightness-Alpha hsla () Ký hiệu chức năng

Mô hình hsla sử dụng vòng tròn bảy sắc cầu vồng (màu) kết hợp với độ bão hòa màu, độ đậm nhạt và alpha ở định dạng: hsla (H, S, L, A).
H (Hue) = Góc của vòng tròn màu từ 0 đến 360
S (Saturation) = Độ bão hòa màu từ 0% đến 100% (100% là độ bão hòa đầy đủ, 0% là màu xám)
L (Độ sáng) = Độ sáng từ 0% đến 100% (50% bình thường, 100% trắng, 0% đen)
A (Alpha) = Alpha (trong suốt) một giá trị nằm trong khoảng từ 0,0 (hoàn toàn trong suốt / vô hình) đến 1,0 (không trong suốt)

Mẫu vật:

HTML: <div style="color:hsla(240,100%,50%,1.0);">

CSS: .classname {color:hsla(240,100%,50%,1.0);}

hsla(0,0%,0%,1.0)
(black)		 hsla(0,100%,50%,1.0)
(red)		 hsla(120,100%,50%,1.0)
(green)		 hsla(240,100%,50%,1.0)
(blue)

Độ bão hòa mẫu (ánh sáng bình thường 50%, không trong suốt):

hsla(240,100%,50%,1.0)
(blue 100% saturation)

blue		 hsla(240,75%,50%,1.0)
(blue 75% saturation)		 hsla(240,50%,50%,1.0)
(blue 50% saturation)		 hsla(240,25%,50%,1.0)
(blue 25% saturation)		 hsla(240,0%,50%,1.0)
(blue 0% saturation)

shade of gray

Độ sáng mẫu (độ bão hòa 100%, không trong suốt):

hsla(240,100%,100%,1.0)
(blue 100% lightness)

white		 hsla(240,100%,75%,1.0)
(blue 75% lightness)		 hsla(240,100%,50%,1.0)
(blue 50% lightness)

normal		 hsla(240,100%,25%,1.0)
(blue 25% lightness)		 hsla(240,100%,0%,1.0)
(blue 0% lightness)

black

Mẫu Alpha (độ sáng bình thường 50%, độ bão hòa 100%): Màu xanh lá cây trên nền trắng

hsla(120,100%,50%,1.0)
(green 100%)		 hsla(120,100%,50%,0.75)
(green 75%)		 hsla(120,100%,50%,0.5)
(green 50%)		 hsla(120,100%,50%,0.25)
(green 25%)

Trong khoảng

Đằng sau hậu trường

Để làm gì?

Liên hệ chúng tôi

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

Hợp tác

Những cộng sự của chúng ta

Công nghệ trang web

Quy tắc

của chúng tôi Chính sách quyền riêng tư

Chính sách cookie

Chính sách bình luận

Điều khoản dịch vụ

Thông báo Bản quyền

Khước từ

Chứng thực

Quyên góp cho Nickgenom


Tác phẩm này được cấp phép dưới đây Giấy phép quốc tế Creative Commons Attribution 4.0.

© Copyright 2021 Nickgenom - All rights reserved

Chúng tôi sử dụng cookie kỹ thuật và phân tích để đảm bảo rằng chúng tôi cung cấp cho bạn trải nghiệm tốt nhất trên trang web của chúng tôi. Đọc tiếp Chính sách Cookie.