Pampili at Tagapag-convert ng Kulay

Mga Modelo ng Kulay

Ang isang modelo ng kulay ay isang sistema para sa paglalarawan ng mga kulay bilang mga numero. Iba't ibang modelo ang ginagamit sa iba't ibang konteksto depende kung ang output ay isang screen, isang printer, o isang design specification.

RGB / RGBA

Format

Ang RGB ay nagtatakda ng mga kulay sa pamamagitan ng paghahalo ng pula, berde, at asul na liwanag. Ang bawat channel ay umaabot mula 0 hanggang 255. Ang rgb(255, 0, 0) ay purong pula. Ang rgb(255, 255, 255) ay puti. Ang A (alpha) na channel ay nagdadagdag ng transparency, na umaabot mula 0 (ganap na transparent) hanggang 1 (ganap na opaque). Halimbawa, ang rgba(255, 0, 0, 0.5) ay semi-transparent na pula. Ang RGB ang likas na modelo ng kulay para sa mga screen at digital display.

Kasaysayan

Ang RGB na modelo ay nakaugat sa Young-Helmholtz na teorya ng trichromatic color vision mula noong ika-19 na siglo. Si James Clerk Maxwell ang nagsagawa ng unang mga eksperimento sa RGB color photography noong 1861. Naging standard ang RGB para sa mga electronic display kasabay ng pag-unlad ng color CRT television noong dekada 1930 at 1940, at kalaunan ay ginamit para sa mga computer monitor. Ang sRGB color space ay pormal na ginamit bilang web standard sa HTML 3.2 noong Enero 1997.

HEX / HEXA

Format

Ang HEX ay isang compact na notasyon para sa mga RGB value gamit ang hexadecimal. Ang #FF0000 ay kapareho ng rgb(255, 0, 0). Ang bawat pares ng hex digit ay kumakatawan sa isang channel: #RRGGBB. Ang 8-digit na anyo #RRGGBBAA ay nagdadagdag ng alpha channel, kung saan ang 00 ay ganap na transparent at ang FF ay ganap na opaque. Halimbawa, ang #FF000080 ay pula sa 50% na opacity. Ang mga maikling anyo tulad ng #F00 ay lumalawak sa #FF0000.

Kasaysayan

Ang hex color notation ay nagmula sa mga unang web browser noong kalagitnaan ng dekada 1990. Ang mga unang bersyon ng Mosaic at Netscape Navigator ay nagmana ng X11 color name system. Ang CSS Level 1, na inilathala noong Disyembre 1996 nina Hakon Wium Lie at Bert Bos, ay pormal na nag-standardize sa mga hex triplet bilang pangunahing paraan ng pagtukoy ng mga kulay sa web.

HSL / HSLA

Format

Inilalarawan ng HSL ang kulay bilang hue, saturation, at lightness. Ang hue ay isang degree sa color wheel (0-360): ang 0 ay pula, 120 ay berde, 240 ay asul. Kinokontrol ng saturation (0-100%) ang intensidad ng kulay. Kinokontrol ng lightness (0-100%) ang liwanag, kung saan ang 0% ay itim at ang 100% ay puti. Ang HSL ay kadalasang mas madaling maintindihan kaysa sa RGB para sa pagpili ng mga kulay dahil maaari mong iakma ang liwanag at saturation nang hiwalay.

Kasaysayan

Ang HSL ay unang inilarawan nina George H. Joblove at Donald Greenberg sa isang papel noong 1978 sa Computer Graphics. Nilikha ito upang lutasin ang isang pangunahing problema sa RGB: ang paghahalo ng mga value ng pula, berde, at asul ay hindi madaling maintindihan ng mga tao. Inaayos muli ng HSL ang RGB color space upang ang mga artist at designer ay makapag-isip sa mga tuntunin ng kulay (hue), kasiglahan (saturation), at liwanag (lightness), na mas malapit na tumutugma sa kung paano natural na inilalarawan ng mga tao ang mga kulay.

HSV / HSB

Format

Ang HSV (hue, saturation, value) ay katulad ng HSL ngunit gumagamit ng "value" (liwanag) sa halip na lightness. Sa 100% na value, ang mga ganap na saturated na kulay ay puro at maliwanag. Ang HSV ay mas natural na tumutugma sa kung paano gumagana ang mga color picker: inaayos ng saturation/brightness panel ang S at V habang inaayos ng hue slider ang H.

Kasaysayan

Ang HSV ay inilarawan ni Alvy Ray Smith noong Agosto 1978 habang nagtatrabaho sa Computer Graphics Lab ng New York Institute of Technology. Inilathala ito sa parehong isyu ng Computer Graphics kasama ang HSL. Dinisenyo ni Smith ang HSV para gamitin sa isang maagang digital painting program, kung saan kailangan ng mga artist ng madaling paraan upang pumili ng mga kulay sa screen. Ginawa ng cylinder model ng HSV na natural itong i-implement bilang isang color picker na may hue slider at saturation/brightness panel.

CMYK

Format

Ang CMYK (cyan, magenta, yellow, key/black) ay ginagamit sa pag-print. Habang ang RGB ay additive (liwanag), ang CMYK ay subtractive (tinta). Ang bawat value ay kumakatawan sa porsyento ng tintang iyon na inilapat. Ang cmyk(0, 100, 100, 0) ay nagpo-produce ng pula. Ang pag-convert sa pagitan ng RGB at CMYK ay tinatantya lamang dahil sumasaklaw sila sa iba't ibang saklaw ng kulay (gamut).

Kasaysayan

Ang mga pundasyon ng CMYK ay nagmula pa kay Jacob Christoph Le Blon, na nag-imbento ng halftone color printing gamit ang magkakahiwalay na copper plate noong mga 1710. Sa simula ay gumamit siya ng pula, dilaw, at asul na plate, at kalaunan ay nagdagdag ng itim na plate para sa mas matalas na balangkas at teksto. Ang modernong four-color CMYK process ay unang ipinatupad noong dekada 1890 para sa mga color newspaper illustration. Ang itim na plate ay tinatawag na "key" plate dahil dala nito ang pinong detalye kung saan inaayos (keyed) ang ibang mga plate.

Mga CSS Color Format

Ang modernong CSS ay sumusuporta sa ilang notasyon ng kulay:

• #FF5733 o #ff5733 (HEX)
• rgb(255, 87, 51) o rgba(255, 87, 51, 0.5)
• hsl(14, 100%, 60%) o hsla(14, 100%, 60%, 0.5)
• Mga pinangalanang kulay: red, cornflowerblue, rebeccapurple (148 na pinangalanang kulay sa kabuuan)