| English | | Filipino | | Indonesia | | Malay | | Thai | | Vietnamese |

Listahan ng Mga Kulay ng Code at Pangalan

Ang mga identifier ay sinusuportahan ng lahat ng mga modernong browser:

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
   

Halaga ng Red-Green-Blue (RGB) Hexadecimal (hex)

Kulayan ito bilang hexadecimal na halaga sa format na #RRGGBB.
R=red, G=green, B=blue na hexadecimal na halaga sa pagitan ng 0 at FF (katumbas ng decimal 255)

Halimbawang:

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

CSS: .classname {color:#efef00;}

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

Ang mga halaga ng Hex ay maaaring paikliin sa #RGB, halimbawa # F00 = # FF0000.

Red-Green-Blue rgb () Functional Notation

Kulayan ito bilang isang decimal na halaga bilang: rgb (R, G, B)
R=red, G=green, B=blue, decimal na halaga sa pagitan ng 0 at 255 (kapareho ng hex FF)

Halimbawang:

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 () Functional Notation

Kulayan ang decimal na halaga bilang: rgba (R, G, B, A)
R=red, G=green, B=blue, decimal na halaga sa pagitan ng 0 at 255 (kapareho ng hex FF)
A = alpha (transparency) na halaga sa pagitan ng 0.0 (ganap na transparent / hindi nakikita) at 1.0 (hindi-transparent)

Halimbawang:

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%)

Sampol ng Alpha: Asul sa puting background

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 () Functional Notation

Gumagamit ang modelo ng hsl ng bilog na kulay ng bahaghari (kulay) na sinamahan ng saturation ng kulay at ningning sa format: hsl (H, S, L)
H (Hue) = Angulo ng bilog ng kulay mula 0 hanggang 360
S (saturation) = Kulay ng saturation mula 0% hanggang 100% (100% ay buong saturation, 0% ay isang shade ng grey)
L (Liwanag) = Liwanag / Liwanag mula 0% hanggang 100% (50% normal, 100% puti, 0% itim)

Halimbawang:

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)

Sample na saturation (normal na ilaw 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

Sample Lightness (100% saturation):

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 () Functional Notation

Ang modelo ng hsla ay gumagamit ng isang bilog na kulay ng bahaghari (kulay) na sinamahan ng saturation ng kulay, gaan at alpha sa format: hsla (H, S, L, A).
H (Hue) = Angulo ng bilog ng kulay mula 0 hanggang 360
S (saturation) = Kulay ng saturation mula 0% hanggang 100% (100% ay buong saturation, 0% ay isang shade ng grey)
L (Liwanag) = Liwanag mula 0% hanggang 100% (50% normal, 100% puti, 0% itim)
A (Alpha) = Alpha (transparency) isang halaga sa pagitan ng 0.0 (ganap na transparent / hindi nakikita) at 1.0 (hindi transparent)

Halimbawang:

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)

Sample na saturation (normal na ilaw 50%, walang transparency):

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

Sample Lightness (100% saturation, walang transparency):

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

Sample ng Alpha (normal na 50% gaan, 100% saturation): Green sa puting background

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%)
Gumagamit kami ng mga teknikal at analitikal na cookies upang matiyak na bibigyan ka namin ng pinakamahusay na karanasan sa aming website. Basahin mo pa Patakaran sa Cookie.