Mga Tool95

GUMAWA NG KAHANGA-HANGANG BAGAY

Tagapili ng Kulay ng Larawan.

Pumili ng mga HEX, RGB, at HSL na kulay mula sa isang larawan. Kumuha at mag-edit ng palette, suriin ang contrast ng teksto, pagkatapos ay kopyahin ang mga kulay o i-export ang PNG, SVG, CSS, o JSON.

Mga Advertisement
Ang iyong workspace ng larawan
Pansamantalang pagproseso sa server
o i-drag at i-drop dito
JPG, JPEG, PNG, WEBP, GIF, BMP, TIF, TIFF, HEIC, HEIF
Piliin ang iyong larawan para magsimula.LARAWAN
Mga Advertisement
Blog Paano pumili ng mga kulay ng imahe at gumawa ng palette Basahin ang gabay

Pumili ng mga kulay mula sa imahe at bumuo ng palette na magagamit mo

Suriin ang isang pixel, kopyahin ang HEX, RGB o HSL value nito, at kumuha ng panimulang palette mula sa isang larawan. Panatilihin ang mga kulay na gusto mo, i-edit ang iba, suriin ang pares ng text-at-background, at i-export ang PNG, SVG, CSS o JSON.

Ang isang imahe ay nagbibigay ng mga indibidwal na color sample at isang palette na maaaring pinuhin at i-export.
MABILIS NA VIDEO TUTORIAL How to pick an image color and export a palette Upload an image, inspect a pixel with the magnifier, add its color to the extracted palette, select Start and download a PNG palette. Narasyon sa Ingles Panoorin ang video

How to pick an image color and export a palette

Mga feature at control

Pumili ng pixel gamit ang magnified view

I-click o i-tap ang imahe para suriin ang isang kulay, pagkatapos ay kopyahin ang code nito.

Tumpak na pagpoposisyon at mga limitasyon sa preview

Ang magnifier ay tumutulong sa iyo na tumutok sa maliliit na detalye. I-focus ang imahe at gamitin ang arrow keys para gumalaw ng isang pixel, Shift plus arrow para gumalaw ng sampu, at Enter para pumili. Ang HEX, RGB at HSL ay may kanya-kanyang copy button. Ang mga source na nababasa ng browser ay sinusuri sa loob ng browser sRGB. Kapag gumamit ng normalized preview sa halip, tinutukoy ng label nito ang mga kulay at coordinate bilang pagtatantya.

Kumuha ng kapaki-pakinabang na panimulang palette

Pumili ng 3 hanggang 12 na mga kulay para kunin at subukan ang Dominant o Vibrant.

Paano tinatantya ang mga kulay at porsyento

Ang Dominant ay pabor sa mga pangunahing kulay ng imahe. Ang Vibrant ay nagbibigay ng higit na impluwensya sa mga makukulay na accent. Ang extraction ay nagsusuri ng isang bounded na imahe, pinapangkat ang mga magkakatulad na kulay at nagbabalik ng hanggang sa hiniling na bilang; ang isang flat na imahe ay maaaring maglaman ng mas kaunti. Ang mga fully transparent na pixel ay hindi kasama, at ang partial opacity ay nagpapababa sa bigat ng isang pixel. Ang mga porsyento ay naglalarawan ng mga tinatayang sampled group, hindi eksaktong bilang ng bawat orihinal na pixel. Ang automatic extraction ay nag-a-upload ng imahe sa server.

Panatilihin, palitan, at ayusin muli ang iyong mga kulay

I-lock ang mga kapaki-pakinabang na swatch, i-edit ang kanilang mga HEX value o magdagdag ng napili o custom na kulay.

Pagpino ng palette bago i-export

Pumili ng swatch para i-edit ang kulay nito, ilipat ito pakaliwa o pakanan, o alisin ito. Ang Lock ay nagpapanatili ng napiling kulay kapag ginamit mo ang Refresh palette o binago ang mga setting ng extraction. Ang Add to palette ay gumagamit ng sampled RGB na kulay; ang Add a custom color ay nagpapahintulot sa iyong maglagay ng HEX value. Ang isang palette ay maaaring maglaman ng 1 hanggang 12 na mga kulay para sa export. Ang mga napili, na-edit, at naka-lock na kulay ay hindi tumatanggap ng mga inimbentong porsyento ng imahe.

Pag-unawa sa mga transparent na pixel

Pumili ng Source color o Composite over a background sa ilalim ng Sampling.

Source opacity at mga na-export na kulay

Ang Source color ay nag-uulat ng napiling pixel at ang opacity nito sa kinopyang code. Ang Composite over a background ay nagpapakita ng hitsura nito pagkatapos i-blend sa Sample background. Ang mga kulay ng palette at export ay mga opaque na RGB value, kaya ang pagdaragdag ng translucent na source color ay hindi nagpapanatili ng alpha channel nito. Ang sampling mode ay nagbabago sa sinusuring kulay; hindi nito binabago ang kulay ng source image o ang automatic extraction.

Suriin ang pares ng text at background

Gamitin ang Check color contrast para paghambingin ang dalawang kulay.

Ano ang sakop ng resulta ng contrast

Pumili ng Text at Background gamit ang mga color control, maglagay ng HEX value o gamitin ang napiling kulay. Ang preview ay nagpapakita ng contrast ratio at hiwalay na resulta para sa Normal AA, Normal AAA, Large AA, at Large AAA para sa text. Sinusuri nito ang napiling pares ng kulay lamang. Hindi nito sinusuri ang buong pahina, hindi isinasaalang-alang ang bawat background image, o hindi nagpapatunay na ang isang kumpletong disenyo ay accessible.

I-export ang mga kulay para sa susunod na hakbang

Mag-save ng palette image, vector swatches, CSS variables, o structured color data.

PNG, SVG, CSS at JSON

Ang PNG ay gumagawa ng may label na palette card. Ang SVG ay nagpapanatili ng mga swatch at label bilang vector content. Ang CSS ay nag-e-export ng mga numbered variable gaya ng --color-1. Ang JSON ay naglalaman ng HEX, RGB at HSL value. Piliin ang Save as at pagkatapos ay Start para gumawa ng isang file na pinangalanang palette na may napiling extension. Ang pagkopya ng kulay o ng buong HEX palette ay maaaring mas mabilis kapag kailangan mo lang ng mga value.

Mga file at pagproseso

Input
JPG, JPEG, PNG, WebP, GIF, BMP, TIFF, HEIC at HEIF
Output
Isang PNG, SVG, CSS o JSON na palette

25 MB maximum bawat file. Isang input file bawat run.

Isang source na imahe hanggang 60 megapixels. Ang pag-extract ay kumukuha ng hanggang 512 pixels bawat gilid, binabalewala ang mga transparent na pixel, at maaaring magbalik ng mas kaunting kulay kaysa sa hiniling. Ang export ay sumusuporta sa 1 hanggang 12 na opaque na kulay ng palette. Ang mga animated o multi-image na source ay gumagamit ng kanilang unang frame.

Ang imahe ay awtomatikong ina-upload para makuha ang palette nito at ina-upload muli para sa huling export. Ang pagpili ng pixel at manu-manong pag-edit ng palette ay tumatakbo sa browser. Ang format na hindi mabasa ng browser ay maaaring mangailangan ng server preview. Ang tool na ito ay gumagamit ng kumbensyonal na pagproseso ng kulay, hindi AI.

Ang mga file ay pinoproseso sa server. Ang paghahanda ng preview ay maaaring mag-upload din ng file kapag hindi available ang browser decoding o kailangan ng preview ng dokumento. Ang mga download sa server ay available sa iyong session nang hanggang dalawang oras.

Para sa resulta ng imahe, gamitin ang Magpatuloy sa ibaba ng mga resulta ng pag-download para pumili ng compatible na susunod na hakbang. Maaari mong piliin kung aling mga imahe ang dadalhin; ang susunod na tool ay magsisimula sa sarili nitong mga setting.

Ang pag-refresh sa editor o download page ay magbabalik sa iyo sa pahina ng tool. I-download ang resulta bago magsimula ng bagong workflow. Tingnan ang aming Patakaran sa Privacy para sa paghawak ng file.

FAQ

Mabuting malaman.

Ilang sagot bago ka magsimula.

Pansamantalang pagproseso sa server
Maaari ko bang makuha ang HEX, RGB at HSL mula sa isang imahe?

Oo. Pumili ng pixel at gamitin ang copy button sa tabi ng value na kailangan mo. Ipinapakita ng picker ang opacity kapag may kaugnayan; ang mga opaque na palette export ay naglalaman ng RGB na mga kulay.

Ano ang pagkakaiba ng Dominant at Vibrant?

Ang Dominant ay nagbibigay-diin sa mga karaniwang kulay ng imahe. Ang Vibrant ay nagbibigay ng higit na impluwensya sa mga makukulay na accent. Parehong mga sampled approximation ang mga ito, at wala sa kanila ang nangangakong makakahanap ng partikular na brand color nang awtomatiko.

Bakit mas kaunti ang kulay na ibinabalik ng request na anim na kulay?

Ang isang source ay maaaring may mas kaunting natatanging nakikitang kulay. Ibinabalik ng extractor ang mga available na grupo sa halip na mag-imbento ng mga duplicate na swatch para punan ang hiniling na bilang.

Maaari ko bang panatilihin ang isang kulay habang nire-refresh ang palette?

Oo. Piliin ang swatch nito at gamitin ang Lock color. Maaari ka ring magdagdag ng custom na HEX value, ayusin muli ang mga swatch, o mag-alis ng mga kulay bago ang export.

Lahat ba ay nananatili sa aking browser?

Hindi. Ang pixel picking at palette edits ay tumatakbo sa browser, ngunit ang automatic extraction at final export ay nag-a-upload ng source sa server. Ang ilang input format ay nangangailangan din ng preview na ginawa ng server.

Mga Advertisement

Wika38

English العربية Français Italiano Deutsch Español Português Nederlands Русский Türkçe 日本語 中文 हिन्दी Bahasa Indonesia Bahasa Melayu 한국어 Tiếng Việt ไทย Polski Svenska Українська Norsk বাংলা Ελληνικά فارسی اردو Čeština Dansk Magyar Română Suomi Български Filipino ქართული Slovenčina Azərbaycanca עברית Slovenščina

Piliin ang iyong wika. Ang mga video tutorial ay kasalukuyang gumagamit ng English na pagsasalaysay.