Maligayang pagbabalik

Piliin kung anong uri ng item ang idaragdag sa koleksyong ito

Matagumpay na nalikha ang iyong koleksyon

Magdagdag ng koleksyon upang ayusin ang iyong mga item

Matagumpay na naidagdag ang item sa koleksyon

Lumikha ng iyong unang koleksyon upang ayusin ang iyong mga kulay

Magdagdag ng mga kulay, palette, o gradient sa koleksyong ito

Tingnan at pamahalaan ang mga item sa koleksyon

Tatlong kulay ng parehong luminance at saturation na may mga kulay na magkatabi sa color wheel, 30 degrees ang pagitan. Makinis na mga transition.

Color blindness affects approximately 1 in 12 men and 1 in 200 women worldwide. This simulator helps designers, developers, and content creators understand how their color choices appear to people with various forms of color vision deficiency.

By testing your colors through different color blindness simulations, you can ensure your designs are accessible and effective for all users. This tool simulates the most common types of color vision deficiency including Protanopia, Deuteranopia, Tritanopia, and complete color blindness.

Understanding Color Blindness

Gumamit ng contrast at pattern sa tabi ng kulay upang ihatid ang impormasyon.

Mas Mahusay ang Disenyo

Asul-Dilaw na Pagkabulag (Tritanopia)

Code ng Kulay

Contrast Checker

Suriin kung paano nakikita ang isang kulay ng mga taong may iba't ibang uri ng color blindness para makalikha ng mas madaling ma-access na mga disenyo. Nakakatulong ang pag-unawa sa color perception na matiyak na naa-access ng lahat ang iyong content.

Gradient Maker

Color alone should never be the only way to convey information. Testing with this simulator helps identify potential issues.

Why It Matters

Gumawa ng libreng account para gayahin kung paano lumilitaw ang mga kulay sa mga taong may iba't ibang uri ng color blindness.

Mag-sign up para ma-access ang Blindness Simulator

Ito ay kung paano lumilitaw ang kulay na may normal na paningin ng kulay.

Pula-Berde na Pagkabulag (Protanopia)

Mga Kaugnay na Tool sa Accessibility

8% ng mga lalaki at 0.5% ng mga babae ay may ilang uri ng color vision deficiency.

Epekto

Simulator ng Pagkabulag

Kumpletong Color Blindness

Achromatomaly

Achromatopsia

Deuteranomalya

Deuteranopia

Protanomaly

Protanopia

Tritanomaly

Tritanopia

Ang pulang-berdeng pagkabulag ay pinaka-karaniwan, na nakakaapekto sa kung paano nakikita ang mga pula at berde.

Mga uri

Perfect for UI design, data visualization, branding, and any visual content that relies on color differentiation.

Use Cases

Ang aming advanced na tool sa pagsusuri ng kulay ay nagbibigay ng mga komprehensibong insight sa mga katangian ng kulay, pagkakatugma, at sikolohikal na epekto. Perpekto para sa mga designer, developer, at artist na gustong maunawaan ang teknikal at emosyonal na aspeto ng kulay.

Suriin ang mga pagkakatugma ng kulay, sikolohikal na epekto, mga teknikal na detalye, at mga sukatan ng pagiging naa-access. Gumawa ng matalinong mga pagpapasya tungkol sa paggamit ng kulay sa iyong mga proyekto gamit ang mga insight na batay sa data at mga application ng propesyonal na teorya ng kulay.

Pag-unawa sa Pagsusuri ng Kulay

Mga propesyonal na pananaw sa kulay at pagkakaisa

Kumpletuhin ang Pagsusuri ng Kulay

Suriin ang mga katangian ng kulay gamit ang mga advanced na sukatan kabilang ang spectral na komposisyon, kadalisayan ng kulay, metamerism effect, at perceptual na katangian. Ang mga tool na ito ay nagbibigay ng malalim na insight sa pag-uugali ng kulay at hitsura sa ilalim ng iba't ibang mga kondisyon sa pagtingin.

Mahalaga para sa paglikha ng magkakaugnay na pagkakakilanlan ng brand, pagtiyak ng pagkakatugma ng kulay sa mga disenyo, at pagpapanatili ng pare-pareho sa digital at print media. Nagbibigay ang aming tool sa pagsusuri ng kulay ng mga komprehensibong insight para sa mga propesyonal na designer.

Disenyo at Pagba-brand

Bumuo ng komplementaryong, triadic, at kahalintulad na mga scheme ng kulay batay sa mga ugnayan ng color wheel

Mga Harmoni ng Kulay

Gumawa ng libreng account para tingnan ang komprehensibong pagsusuri ng kulay at mga sukatan.

Mag-sign up para ma-access ang Color Analysis

Unawain ang sikolohiya ng kulay at emosyonal na epekto para sa mga kampanya sa marketing. Suriin kung paano naiimpluwensyahan ng mga kulay ang gawi ng user at mga rate ng conversion sa mga diskarte sa digital marketing.

Marketing at Psychology

I-access ang mga detalyadong detalye ng kulay kabilang ang mga halaga ng RGB, HSL, LAB at mga kalkulasyon ng luminance

Mga Teknikal na Sukatan

Tagabuo ng Palette

Unawain kung paano lumilitaw ang mga kulay sa ilalim ng iba't ibang kondisyon ng pag-iilaw at sa iba't ibang madla

Visual na Pagdama

Paano lumilitaw ang mga kulay sa paningin ng tao, kabilang ang kadalisayan, pangingibabaw, at pinaghihinalaang liwanag.

Mga Katangian ng Perceptual

Mga Application ng Propesyonal na Pagsusuri ng Kulay

Galugarin ang emosyonal at sikolohikal na mga asosasyon na nakakaimpluwensya sa gawi at pang-unawa ng user

Sikolohiya ng Kulay

Mga Kaugnay na Tool sa Kulay

Mga tumpak na sukat ng kulay batay sa colorimetry at spectral analysis para sa mga teknikal na aplikasyon.

Siyentipikong Pagsusuri

Pagsusuri ng Kulay

Suriin ang mga kulay para sa pagsunod sa pagiging naa-access sa web, bumuo ng mga code ng kulay ng CSS, at tiyaking madaling mabasa. Perpekto para sa mga developer ng frontend na tumutuon sa karanasan ng user at mga alituntunin ng WCAG.

Web Development

Ang bawat pagkakaisa ay may sariling mood. Gumamit ng mga harmonies upang mag-brainstorm ng mga kumbinasyon ng kulay na mahusay na gumagana nang magkasama.

Gumamit ng isang nangingibabaw na kulay, suporta sa pangalawa, at accent nang bahagya.

Tiyakin ang sapat na kaibahan para sa pagiging madaling mabasa at naa-access.

Dapat magtulungan ang mga kulay upang lumikha ng pinag-isang visual na karanasan.

Mga Prinsipyo ng Teoryang Kulay

Isang kulay at ang kabaligtaran nito sa color wheel, +180 degrees ng hue. Mataas na contrast.

Ang mga kahulugan ng kulay ay nag-iiba-iba sa mga kultura, na nagdadala ng iba't ibang simbolikong kahalagahan sa buong mundo.

Kultura

Galugarin ang masining at sikolohikal na dimensyon ng mga kulay kabilang ang mga pana-panahong pagsasamahan, emosyonal na epekto, natural na mga pangyayari, makasaysayang pigment, at mga recipe ng paghahalo ng kulay para sa mga malikhaing aplikasyon.

Gumawa ng libreng account para tuklasin ang malikhain at masining na mga dimensyon ng mga kulay.

Mag-sign up para ma-access ang Creative Aspects

Ang mga likas na paglitaw ng mga kulay ay nagbibigay inspirasyon sa disenyo at nagkokonekta sa atin sa kapaligiran.

Kalikasan

Ang mga kulay ay nakakaimpluwensya sa mga emosyon at pag-uugali sa pamamagitan ng mga sikolohikal na asosasyong nabuo sa paglipas ng panahon.

Sikolohiya

Malikhaing Aspeto

Mag-click sa anumang kulay upang kopyahin ang hex na halaga nito. Ang mga kumbinasyong ito ay mathematically proven na lumikha ng visual harmony.

Lumilikha ang mga harmonies ng kulay ng balanse at nagdudulot ng mga partikular na emosyon sa iyong mga disenyo.

Kumuha ng kapaki-pakinabang na impormasyon ng kulay tungkol sa kulay 123456 tulad ng conversion, mga kumbinasyon, simulation ng pagkabulag at higit pa.

Tagapili ng Kulay ng HTML: 123456

Tatlong kulay ng parehong kulay na may mga halaga ng luminance +/-50%. Pino at pino.

Mga kulay ng terminal, byte encoding, at mga format ng data para sa paggamit ng programming.

Pag-unlad

I-convert ang mga kulay sa mga praktikal na format para sa mga real-world na application kabilang ang print simulation, LED display, terminal output, at data encoding. Tinutulungan ka ng mga format na ito na ipatupad ang mga kulay sa iba't ibang media, platform, at pisikal na device.

Kontrolin ang mga LED strip, RGB lighting, at display hardware na may mga tumpak na halaga.

Mga Digital na Display

Lumikha ng isang libreng account upang tingnan at kopyahin ang lahat ng mga praktikal na halaga ng format ng kulay.

Mag-sign up para ma-access ang Mga Praktikal na Format

Gayahin kung paano lumilitaw ang mga kulay kapag naka-print gamit ang mga tinta ng CMYK sa pisikal na media.

Print at Produksyon

Mga Praktikal na Format

Makakuha ng agarang access sa lahat ng mga conversion ng format ng kulay para sa iyong mga proyekto.

I-access ang Lahat ng Praktikal na Format

Mas madidilim na mga variation na ginawa sa pamamagitan ng pagdaragdag ng itim sa iyong baseng kulay.

Isang kulay at dalawang katabi ng komplemento nito, +/-30 degrees ng kulay mula sa halaga sa tapat ng pangunahing kulay. Bold tulad ng isang tuwid na pandagdag, ngunit mas maraming nalalaman.

Galugarin ang mga advanced na representasyon ng espasyo ng kulay at mga propesyonal na modelo ng kulay na ginagamit sa paggawa ng video, photography, mga siyentipikong aplikasyon, at mga sistema ng pamamahala ng kulay. Ang mga teknikal na format na ito ay nagbibigay ng tumpak na mga detalye ng kulay para sa mga dalubhasang industriya at aplikasyon.

Ang mga propesyonal na daloy ng trabaho ay nangangailangan ng mga partikular na format ng kulay para sa pagkakapare-pareho sa mga device at media.

Mga Pamantayan sa Industriya

Lumikha ng isang libreng account upang tingnan at kopyahin ang lahat ng mga halaga ng teknikal na format ng kulay.

Mag-sign up upang ma-access ang Mga Teknikal na Format

Mga Teknikal na Format

Makakuha ng agarang access sa 10+ propesyonal na mga format ng kulay na may mga tumpak na conversion at detalyadong paliwanag.

I-unlock ang Lahat ng Teknikal na Format

Ang iba't ibang mga puwang ng kulay ay na-optimize para sa mga partikular na layunin - mula sa tumpak na pagpaparami ng kulay hanggang sa mahusay na pag-compress ng data.

Bakit Gumamit ng Mga Teknikal na Format

Dalawang hanay ng mga pantulong na kulay, na pinaghihiwalay ng 60 degrees ng kulay.

Mas magaan na mga variation na ginawa sa pamamagitan ng pagdaragdag ng puti sa iyong baseng kulay.

Tatlong kulay ang pantay-pantay sa kahabaan ng color wheel, bawat isa ay 120 degrees ng kulay ang pagitan. Pinakamainam na payagan ang isang kulay na mangibabaw at gamitin ang iba bilang mga accent.

Ang layunin ng seksyong ito ay tumpak na makagawa ng mga tints (purong puti na idinagdag) at mga kulay (purong itim na idinagdag) ng iyong napiling kulay sa 10% na mga pagtaas.

Ang mga pagkakaiba-iba na ito ay bumubuo sa pundasyon ng isang magkakaugnay na paleta ng kulay. I-export ang mga ito upang mapanatili ang pagkakapare-pareho sa iyong buong proyekto.

Gumamit ng mga shade para sa hover states at shadows, tints para sa mga highlight at background.

Pangalan

Makipag-ugnayan sa Amin

Ayusin ang mga slider upang mapabuti ang contrast ng teksto para sa mas mahusay na pagiging madaling mabasa

Ito ay regular na teksto ng katawan. Ang mabilis na brown fox ay tumalon sa ibabaw ng tamad na aso.

Pumili ng kulay gamit ang color picker para sa text at kulay ng background o maglagay ng kulay sa RGB hexadecimal na format (hal., #259 o #2596BE). Maaari mong ayusin ang slider upang pumili ng kulay. Ang Web Content Accessibility Guidelines (WCAG) ay may partikular na alituntunin upang makatulong na malaman kung ang teksto ay nababasa para sa mga nakikitang user. Gumagamit ang pamantayang ito ng isang partikular na algorithm upang imapa ang mga kumbinasyon ng kulay sa mga maihahambing na ratio. Gamit ang formula na ito, isinasaad ng WCAG na ang isang 4.5:1 na color contrast ratio na may text at background nito ay sapat para sa regular (katawan) na text, at ang malaking text (18+ pt regular, o 14+ pt bold) ay dapat na may hindi bababa sa 3: 1 kulay na contrast ratio.

Subukan ang mga kumbinasyon ng kulay upang matiyak na nakakatugon ang mga ito sa mga pamantayan sa pagiging naa-access ng WCAG para sa pagiging madaling mabasa ng teksto.

Color Contrast Checker: Sa online na tool na ito maaari kang makakuha ng mga detalye tungkol sa contrast ratio ng text at mga kulay ng background 123456. 

 Color Contrast Checker: 123456

Ipinapakita nito kung ano ang hitsura ng mga kulay kapag inverted, kapaki-pakinabang para sa dark/light mode.

Ang mabilis na brown fox ay tumalon sa ibabaw ng tamad na aso

I-preview ang Pamagat

Ito ay maliit na teksto upang subukan ang pagiging madaling mabasa.

Ito ay maliit na teksto na dapat ay nababasa pa rin.

Mag-sign up nang libre para ma-access ang 5 intelligent na suhestiyon sa kulay na nagpapanatili ng sigla habang nakakatugon sa mga pamantayan ng accessibility ng WCAG.

I-unlock ang Mga Suhestyon ng Smart Color

Pinahusay na contrast ratio na 7:1 para sa normal na text at 4.5:1 para sa malaking text. Inirerekomenda para sa pinakamainam na accessibility.

Minimum na contrast ratio na 4.5:1 para sa normal na text at 3:1 para sa malaking text. Kinakailangan para sa karamihan ng mga website.

Mga Antas ng Pagsunod sa WCAG

Tinitiyak ng mga alituntunin ng WCAG na ang iyong nilalaman ay naa-access ng mga user na may mga kapansanan sa paningin.

Mga Pamantayan ng WCAG

Naabot na ang minimum na bilang ng 4 na kulay

Kailangan ng atensyon

Para magamit ang feature na ito kailangan mong lumikha ng LIBRENG imagecolorpicker account. Magkakaroon ka ng access sa higit pang mga function pagkatapos.

Gumawa ng bagong Palette

Pamahalaan ang iyong mga naka-save na palette at gradient

Tingnan at pamahalaan ang iyong mga naka-save na gradient

Iyong Gradients

Tingnan at pamahalaan ang iyong mga naka-save na palette ng kulay

Iyong mga Palette

Dashboard

I-edit ang Iyong Palette

Gumawa ng mga nakamamanghang gradient gamit ang Gradient Maker mula sa imagecolorpicker.com. Pumili mula sa mga linear at radial gradient, magdagdag ng maraming kulay, paikutin ang gradient, i-save at ibahagi ang iyong mga nilikha. Direktang i-download ang CSS code at walang putol na isama ang iyong mga gradient sa iyong mga proyekto.

I-edit ang Iyong Gradient

Kinakailangan ang pamagat ng gradient

Gradient Maker - Lumikha ng Mga Nakamamanghang Linear at Radial Gradients | imagecolorpicker.com

Gradient

Bumuo ng mga color code, variation, harmonies, at suriin ang contrast ratio.

Tagabuo at Tagapili ng Color Code

Lumikha ng magagandang gradient nang madali - i-customize ang mga kulay, direksyon, at i-export ang iyong mga nilikha.

Pamahalaan at ayusin ang iyong mga paboritong palette ng kulay.

Iyong Mga Naka-save na Palette

Tingnan at galugarin ang nakabahaging gradient na ito.

Nakabahaging Gradient

Tingnan at galugarin ang nakabahaging palette na ito.

Nakabahaging Palette

Napansin namin na gumagamit ka ng ad blocker. ayos lang yan! Maaari mo kaming suportahan ng isang maliit na donasyon upang mapanatiling libre ang tool na ito para sa milyun-milyong user. Ang bawat kape ay tumutulong sa amin na mapanatili at mapabuti ang serbisyo.

Natukoy ang ad blocker - Suportahan kami ng kape!

 Gamitin ang online na tagapili ng kulay ng imahe sa itaas upang pumili ng isang kulay at makuha ang HTML Color Code ng pixel na ito. Makukuha mo rin ang halaga ng code ng kulay ng HEX, halaga ng RGB at halaga ng HSV. Sa ilalim ng 'Gamitin ang Iyong Larawan' Maaari kang mag-upload ng sarili mong larawan (halimbawa, isang screenshot ng iyong desktop), mag-paste ng larawan mula sa clipboard, maglagay ng url ng larawan sa textbox sa ibaba. O gumamit ng url ng website, makakakita ka ng thumbnail sa kaliwang bahagi.

Mag-drop ng file ng imahe upang i-upload. Mga sinusuportahang format: PNG, JPG, JPEG.

Pag-upload ng Larawan

Color Picker: Sa online na tool na ito maaari kang mag-upload ng larawan o magbigay ng URL ng website at makuha ang RGB Color, HEX Color at HSL Color code. 👍

👍 Tagapili ng Kulay online | HEX Color Picker | Tagapili ng Kulay ng HTML

Kung ikaw ay nasa Mac o computer na may kasalukuyang operating system at kasalukuyang browser, maaari mong gamitin ang feature. Ang Safari, Edge , Firefox at Chrome ay sinubukan namin. Ang hitsura ay maaaring bahagyang naiiba.

Magagamit mo ang feature na ito nang 3 beses nang libre, pagkatapos ay manood ng mabilis na ad para sa 3 pang paggamit. Tinutulungan kami ng iyong suporta na panatilihing libre ang tool na ito para sa 3+ milyong user sa buong mundo.

Manood ng 15-segundong ad upang patuloy itong magamit nang libre

Nagamit mo na ang feature na ito nang 3 beses!

Maghanap ng mga larawan sa pamamagitan ng pexels

Gumawa ng libreng account para laktawan ang mga ad anumang oras

Nasa umpisa pa lang tayo ng color picker journey, marami pang feature na darating, sulit naman.

Ilagay ang iyong email address at padadalhan ka namin ng secure na link para mag-sign in.

Kinakailangan ang pamagat ng palette

Hindi mo pa nai-save ang isang color palette. I-save ang isa at mahahanap mo ito dito.

Ang color palette na ibinahagi sa iyo ay wala na, marahil ay tinanggal ito ng lumikha. Makipag-ugnay sa tao kung kanino mo natanggap ang link na ito.

Palette

Kinakailangan ang pamagat

Bigyan ang iyong proyekto ng pangalan at paglalarawan

Ayusin ang iyong mga kulay, palette, at gradient sa mga proyekto at koleksyon

Aking Mga Proyekto

Ayusin ang iyong mga asset ng disenyo sa mga proyekto

Ang website na ito ay ginawa sa pamamagitan ng advertising. Mayroon kang isang blocker. Nauunawaan namin na hindi ka makakakita ng mga ad. Ang website na ito ay nagkakahalaga sa amin ng pera upang mapatakbo at mapanatili. Tuwang-tuwa kami sa bawat kape!

Isang online na tool upang pumili ng mga kulay mula sa mga larawan, website, at iyong screen. Kumuha kaagad ng mga code ng kulay ng HEX, RGB, at HSL.

Online na tool para kunin ang mga color code (HEX, RGB) mula sa mga larawan at website. 100% libre.

ImageColorPicker.com

Color Blindness Simulator

Select Color

#00ff00