Trawsnewidydd RGB i Hecs

Beth yw e a sut mae'n gweithio

Sut i drosi RGB i HEX

1. Llusgwch y sleidwyr Coch, Gwyrdd a Glas — neu gludwch god HEX yn syth i'r maes — i osod lliw.
2. Gwyliwch y swatsh rhagolwg a'r gwerthoedd HEX, RGB ac HSL yn diweddaru'n fyw wrth i chi addasu unrhyw beth.
3. Cliciwch unrhyw gerdyn gwerth i'w gopïo, yn barod i'w gludo i CSS, meddalwedd dylunio, neu god.

Hanfodion lliw

RGB, HEX a HSL: beth yw'r gwahaniaeth?

Mae RGB, HEX ac HSL i gyd yn disgrifio'r union un lliwiau — dim ond ffyrdd gwahanol o ysgrifennu'r un rhifau ydyn nhw. Mae RGB yn diffinio lliw drwy faint o olau coch, gwyrdd a glas sy'n cyfuno i'w greu, pob un ar raddfa 0–255. Mae HEX yn yr un gwerthoedd RGB wedi'u hailysgrifennu fel cod sylfaen-16 6-digid cryno, a dyna pam rgb(31, 58, 95) ac #1f3a5f yn lliwiau union yr un fath. Yn hytrach, mae HSL yn disgrifio lliw drwy arlliw (ei safle ar olwyn lliw), dirlawnder (pa mor fywiog ydyw) a goleuder — fformat sy'n aml yn fwy greddfol ar gyfer dewis arlliwiau cysylltiedig.

Lle mae pob fformat yn cael ei ddefnyddio fel arfer

Fformat	Defnydd arferol	Pam
HEX	CSS, HTML, offer dylunio	Byр, hawdd ei gludo a'i rannu fel un llinyn
RGB	CSS gyda thryloywder (rgba)	Yn cefnogi sianel alffa ar gyfer tryloywder
Lliwiau Ymyl y Môr	Adeiladu paletau lliw	Hawdd creu arlliwiau golau/tywyllach neu gysylltiedig drwy newid un rhif.

Dylunio gwe

Defnyddio'r gwerthoedd hyn mewn CSS

Mae unrhyw un o'r tri fformat yn gweithio'n uniongyrchol mewn ffeil arddull: color: #1f3a5f;, color: rgb(31, 58, 95); a color: hsl(210, 51%, 25%); mae pob un yn rendro'r un glas llyngesol. HEX yw'r llawysgrif fwyaf cyffredin ar gyfer lliwiau solet, tra bod RGB (neu ei rgba() amrywiad) sy'n ddefnyddiol pan fo angen tryloywder rhannol ar liw, ac mae HSL yn ei gwneud hi'n syml i gynhyrchu set gyson o arlliwiau drwy gadw'r arlliw'n gyson a dim ond addasu'r goleuder.

Y cwestiynau a ofynnir amlaf

Cwestiynau Cyffredin

Ydy'r trawsnewidydd RGB i HEX hwn yn rhad ac am ddim i'w ddefnyddio?+

Ie. Mae'n rhedeg yn gyfan gwbl gyda JavaScript yn eich porwr, felly does dim cyfrif, dim allwedd API, a dim terfyn ar faint o weithiau y gallwch ei ddefnyddio.

Ydy fy data lliw yn cael ei uwchlwytho i unrhyw le?+

Na. Mae pob trosiad yn digwydd yn lleol yn eich porwr. Nid oes dim yn cael ei anfon i weinydd, ei storio, na'i gofnodi.

Beth yw'r gwahaniaeth go iawn rhwng HEX ac RGB?+

Maen nhw'n disgrifio'r un lliw mewn notasiwn gwahanol — mae HEX yn llythrennwch byr 6-digid ar ffurf sylfaen-16 ar gyfer yr un gwerthoedd coch, gwyrdd a glas y mae RGB yn eu nodi fel tri rhif ar wahân o 0 i 255.

Offer cysylltiedig

Offer ar gyfer Dylunio a Datblygu

• Cynhyrchydd Palet Lliwiau — adeiladwch balet llawn o amgylch lliw wedi'i drosi.
• Cynhyrchydd Ffawicon — troi delwedd yn asedau ffawicon ar gyfer gwefan.
• Fformatio JSON — offeryn porwr cyflym arall heb gofrestru.

Dull gweithredu

Sut mae'r trawsnewidydd hwn yn gweithio

Caiff gwerthoedd eu trosi'n fyw rhwng RGB, HEX ac HSL gyda JavaScript wrth i chi deipio neu ddewis lliw — nid oes dim rydych yn ei fewnosod yn cael ei uwchlwytho i weinydd na'i storio yn unman.

Diweddarwyd ddiwethaf: 28 Awst, 2026.