Värvivalija pakub pikslitäpset silmatilguti tööriista värvide valimiseks mis tahes elemendist veebilehel — tekst, taustad, pildid, gradiendid või mis tahes nähtav piksel. Hangi täpset värviväärtust samaaegselt HEX, RGB ja HSL formaadis, koos suurendatud piksli eelvaatega täpseks sihtimiseks. Varem valitud värvid salvestatakse ajalooribale kiireks taasavamiseks.
Täpsete värviväärtuste ekstraheerimine veebilehelt on tavaline ülesanne — brändi värvi sobitamine, disainile viitamine või konkurendi saidil kasutatud varjundi kontrollimine. Brauseri DevTools näitab värve Stiilide paneelil, kuid ainult selgete CSS värvi omadustega elementidele — mitte piltidele, gradiendidele ega päritud värvidele. Värvivalija silmatilguti töötab piksli tasemel — see loeb kursori all oleva piksli tegelikku renderdatud värvi, sõltumata sellest, kuidas see värv sinna jõudis. Klõpsa sinisele taevale kangelaspildis, gradiendi keskkohale või poollabipaistvale kihistusele ja hangi täpset komposiitvärviväärtust. Suurendatud eelvaate ring näitab kursori ümbritsevate pikslite sisse suumitud vaadet, et saaksid täpselt soovitud pikslit sihti võtta. Kõik kolm formaadi väljundit (HEX, RGB, HSL) kuvatakse samaaegselt — klõpsa mis tahes formaadil kopeerimiseks. Sinu viimaseid kordi valitud värvid salvestatakse allosas olevale värvi ajalooribale, nii et saad hõlpsasti naasta varem valitud värvi juurde.
Suurendatud ringikujuline eelvaade näitab kursori ümbritsevate pikslite sisse suumitud vaadet koos ristsihtijaga täpseks piksli valikuks. Vali värve tekstist, taustadest, piltidest, gradiendidest, SVG-idest või mis tahes nähtavast pikslilt lehel.
Iga valitud värv kuvatakse korraga kõigis kolmes formaadis: HEX (#7c3aed), RGB (rgb(124, 58, 237)) ja HSL (hsl(262, 83%, 58%)). Pole lülitamist ega teisendamist — kõik formaadid on kohe saadaval.
Klõpsa mis tahes formaadi rida (HEX, RGB või HSL), et kopeerida see konkreetne väärtus kohe lõikelauale. Lühike "Kopeeritud!" animatsioon kinnitab toimingut. Kleepi otse oma CSS-i, disainitööriista või värvi spetsifikatsiooni.
Sinu hiljuti valitud värvid salvestatakse visuaalsele ajalooribale, mis näitab värvikangaid. Klõpsa mis tahes kangast, et valida uuesti see värv ja näha selle väärtusi uuesti. Ajalugu püsib sinu seansi ajal — vali värve mitmelt lehelt.
Valitud värv kuvatakse suure kangana formaadi väärtuste kohal, muutes värviga tutvumise ja kontrollimise lihtsaks. Kangas on piisavalt suur, et näidata peeneid varjundeid, mis võivad väiksemates suurustes identsed näida.
Valib värve mis tahes nähtavalt pikslilt: CSS värvid, CSS gradiendid, pildid (PNG, JPG, SVG), lõuendimisel elemendid, video kaadrid, poollabipaistvad kihistused (komposiitvärvide valimine) ja isegi iframid. Kui saad seda näha, saad seda valida.
Vali täpne brändi värv ettevõtte veebisaidilt, et tagada oma disaini või sisu kasutaks õiget varjundit. Hangi täpset HEX väärtust, mitte arva silmaga ega otsi brändi juhenditest.
Vali värve otse kangelaspiltidest, tootefotodest või illustratsioonidest. Ekstrakteeri fotost domineeriv värv, et kasutada seda täiendava taustana oma disainis.
Disainispetsifikatsioon ütleb, et nupp peaks olema #7c3aed. Vali värv rakendatud nupust, et kontrollida, kas see vastab. Tüüpib peeneid värvierinevusi, mis on palja silmaga nähtamatud.
Sirvi disainiinspiratsiooni saite ja vali värve, mis su pilku köidavad. Ajalooriba koostab seansi ajal valitud värvide paletti — kasuta seda lähtekohana oma värviskeemi jaoks.
Vali värve erinevates punktides CSS gradiendi mööda, et näha täpset värvi igal positsioonil. Kasulik gradiendide replikeerimiseks või gradiendiumpide segunemise mõistmiseks.
Ava DevSuite Pro ujuv dokk ja klõpsa Värvivalija ikoonil. Kursor muutub silmatilgutiks koos suurendatud eelvaate ringiga.
Liiguta oma kursor üle lehe. Suurendatud eelvaade näitab kursori ümbritsevate pikslite sisse suumitud vaadet koos ristsihtijaga, mis näitab täpset sihitavat pikslit.
Klõpsa kõikjal lehel, et valida selle piksli värv. Värvikangas, HEX, RGB ja HSL väärtused uuenevad kõik koheselt.
Klõpsa HEX, RGB või HSL rida, et kopeerida see väärtus lõikelauale. "Kopeeritud!" kinnitus ilmub lühidalt.
Jätka klõpsimist, et valida rohkem värve. Iga valik lisatakse ajalooribale. Klõpsa mis tahes ajaloo kangast selle värvi meenutamiseks.
Paigaldage DevSuite Pro tasuta ja avage 39+ arendustööriista oma brauserile.
