Utilia

Litaveljari

Ókeypis litaveljari á netinu. Veldu hvaða lit sem er og afritaðu strax HEX-, RGB-, HSL-, HSV- og CMYK-kóða hans, með birtuskilum á hvítu og svörtu.

#1E90FF

Litakóðar

CMYK er einföld umbreyting án ICC-prófíls: prentaðir litir verða öðruvísi.

Hvernig á að nota litaveljarann

  1. Smelltu á litasýnið undir Veldu lit til að opna litaveljara vafrans og veldu lit. Þú getur líka slegið inn eða límt gildi í Litakóði reitinn: HEX-kóða eins og #1E90FF, rgb(30, 144, 255), hsl(210 100% 56%) eða CSS-nafn eins og tomato.
  2. Stóra forskoðunin uppfærist strax, með HEX-kóðanum skrifuðum í svörtu eða hvítu, hvort sem er læsilegra á þeim bakgrunni.
  3. Undir Litakóðar afritarðu sniðið sem þú þarft með Afrita hnappnum við hliðina: HEX, RGB, HSL, HSV eða CMYK.
  4. Smelltu á Tilviljunarkenndur litur þegar þig vantar innblástur, eða Velja af skjá (í vöfrum sem styðja það, eins og Chrome og Edge) til að taka sýni af hvaða pixli sem er á skjánum þínum, líka í öðrum gluggum.

Allt gerist í vafranum þínum: enginn litur eða mynd er send neitt.

Hvað hver litakóði þýðir

  • HEX er sextánundakerfisritháttur með sex tölustöfum sem notaður er í HTML og CSS. Hvert tölustafapar er ein rás (rauð, græn, blá) frá 00 til FF, svo #1E90FF þýðir rautt 30, grænt 144, blátt 255.
  • RGB gefur sömu þrjár rásirnar sem tugakerfistölur frá 0 til 255. Það er það sem flest hönnunarforrit og forritasöfn vænta.
  • HSL lýsir lit með litblæ (horn frá 0° til 360° á litahjólinu), mettun og ljósleika. Það er handhægt til að gera lit ljósari eða dekkri með því að breyta einni tölu.
  • HSV (einnig kallað HSB) notar litblæ, mettun og gildi (birtu). Það er líkanið á bak við litaferningana í Photoshop, Figma og mörgum öðrum ritlum.
  • CMYK setur litinn fram sem prósentur af blágrænu, purpurarauðu, gulu og svörtu bleki.

Um CMYK-gildin

CMYK-kóðarnir eru einföld umbreyting: K = 1 − max(R, G, B), síðan C = (1 − R − K) / (1 − K), og það sama fyrir M og Y. Þetta er hefðbundna kennslubókarformúlan, en hún notar ekki ICC-prófíl. Raunveruleg prentun fer eftir prentvélinni, pappírnum og blekinu, þannig að prentsmiðja umbreytir litunum með eigin prófíl og niðurstaðan getur orðið önnur. Notaðu þessar tölur sem upphafspunkt, ekki sem sönnun fyrir prentun.

Birtuskilahlutföllin lesin

Fyrir neðan HEX-kóðann sýnir forskoðunin Birtuskil á hvítu og Birtuskil á svörtu, reiknuð með WCAG 2 formúlunni fyrir afstæðan ljósstyrk. Hlutfallið 4,5:1 eða meira þarf fyrir venjulegan meginmálstexta á stigi AA, og 3:1 fyrir stóran texta og viðmótsþætti. Ef liturinn nær aðeins 3:1 á hvítu skaltu geyma hann fyrir stórar fyrirsagnir eða tákn og nota dekkri tón fyrir texta.

Ráð

  • Þú getur límt HEX-kóða án #: 1e90ff virkar líka, eins og stuttar útgáfur á borð við f60.
  • Gildi með gegnsæi, eins og rgb(0 0 0 / 50%), eru tekin gild; veljarinn sýnir ógegnsæja litinn.
  • Litaglugginn í vafranum er mismunandi eftir kerfum. Ef þú þarft nákvæmt gildi er alltaf öruggt að slá það inn í Litakóði reitinn.

Algengar spurningar

Hvernig finn ég HEX-kóða litar á skjánum mínum?

Í Chrome, Edge og öðrum Chromium-vöfrum smellirðu á Velja af skjá og síðan hvar sem er á skjánum. Í öðrum vöfrum er hnappurinn falinn vegna þess að EyeDropper-eiginleikinn er ekki í boði; taktu skjámynd og notaðu litaveljara fyrir myndir í staðinn.

Er HEX-kóðinn sá sami og RGB-kóðinn?

Já, þeir lýsa nákvæmlega sama litnum. HEX skrifar rásirnar þrjár í grunntölu 16, RGB í grunntölu 10. #FF8000 og rgb(255, 128, 0) eru eins.

Hvers vegna passar prentaði liturinn ekki við skjáinn?

Skjáir blanda ljósi (RGB) en prentarar blanda bleki (CMYK), og marga skæra skjáliti er alls ekki hægt að prenta. CMYK-gildin hér eru einföld umbreyting án litaprófíls, svo biddu prentsmiðjuna um prufuprentun þegar litanákvæmni skiptir máli.

Hvað segja birtuskilin mér?

Þau segja þér hversu læsilegur texti í þeim lit yrði á hvítum eða svörtum bakgrunni. WCAG krefst að minnsta kosti 4,5:1 fyrir venjulegan texta og 3:1 fyrir stóran texta.

Get ég slegið inn litanöfn?

Já. Öll 148 CSS-litanöfnin eru þekkt, eins og rebeccapurple, navy eða coral, og tólið umbreytir þeim í öll snið.