Trosi lliw rhwng HEX, RGB a HSL
Cyhoeddwyd · Diweddarwyd 2 munud o ddarllen
Mae HEX, RGB a HSL yn disgrifio’r un lliw mewn tair ffordd. Mae’r teclyn yn dangos y tri ar unwaith ac yn derbyn y nodiannau cyffredin; mae HSL wedi’i dalgrynnu i’r cyfanrif yn egluro’r gwahaniaethau un lefel a welir wrth fynd yn ôl i HEX.
Tri nodiant o’r un lliw
Mae Archwilio a throsi lliwiau yn dangos y tair ffurf yn ddiofyn, gyda rhagolwg o’r lliw. Ar gyfer y gwyrdd #2F4A3F:
| Ffurf | Canlyniad |
|---|---|
| HEX | #2f4a3f |
| RGB | rgb(47, 74, 63) |
| HSL | hsl(156, 22%, 24%) |
Mae tri botwm HEX, RGB a HSL y panel yn lleihau’r canlyniad i un ffurf, yn ddefnyddiol i’w gopïo fel y mae.
Nodiannau a dderbynnir
| Nodiant | Enghraifft | Canlyniad HEX |
|---|---|---|
| HEX byr | #fff | #ffffff |
| HEX gyda thryloywder | #2F4A3F80 | #2f4a3f80 |
| RGB gyda choma | rgb(47, 74, 63) | #2f4a3f |
| RGB gyda bylchau | rgb(47 74 63) | #2f4a3f |
| RGB mewn canrannau | rgb(100%, 0%, 0%) | #ff0000 |
| HSL gyda bylchau | hsl(156 22% 24%) | #304b40 |
Gwrthodir enwau lliw fel «rouge», a sianeli y tu allan i 0 i 255 fel rgb(300, 0, 0), gyda neges sy’n rhestru’r nodiannau a dderbynnir.
Tryloywder
Ysgrifennir tryloywder mewn HEX gydag wyth digid, neu ar ôl sleish gyda bylchau. Mae’r lliw rgb(47 74 63 / 50%) yn rhoi #2f4a3f80 mewn HEX a rgba(47, 74, 63, 0.5) mewn RGB. I’r gwrthwyneb, mae #2F4A3F80 yn rhoi didreiddedd o 0.502, oherwydd mae 80 mewn hecsadegol yn 128 allan o 255.
Pam mae taith gron yn newid un lefel
Dangosir HSL mewn rhifau cyfan: arlliw mewn graddau, dirlawnder a golau mewn canran. Mae mynd o HSL yn ôl i HEX felly yn glanio ar liw cyfagos, nid y lliw cychwynnol.
| Dechrau | HSL a ddangosir | Yn ôl i HEX |
|---|---|---|
| #2F4A3F | hsl(156, 22%, 24%) | #304b40 |
| #B5532E | hsl(16, 59%, 45%) | #b6532f |
Un lefel y sianel yw’r gwahaniaeth, yn anweledig i’r llygad. Ar gyfer tocyn dylunio neu frand, cadwch y HEX gwreiddiol fel y cyfeirnod a pheidiwch â mynd drwy HSL eto.
Llwydion
Nid oes gan lwyd ddirlawnder ac mae ei arlliw heb effaith: mae #808080 yn rhoi rgb(128, 128, 128) a hsl(0, 0%, 50%).
Yr hyn nad yw’r teclyn yn ei fesur
Nid yw trosi fformat yn dweud dim am ddarllenadwyedd. Nid yw’r teclyn yn cyfrifo’r cyferbyniad rhwng testun a’i gefndir: gwiriwch ef ar wahân cyn cyhoeddi. Trafodir achos cod QR, lle mae cyferbyniad yn penderfynu darllenadwyedd, yn Creu cod QR sy’n sganio y tro cyntaf.
Gwirio trosiad
- Gludwch y lliw yn y maes: rhaid i’r rhagolwg gyfateb i’r hyn rydych yn ei ddisgwyl.
- Copïwch y ffurf y mae eich system yn gofyn amdani.
- I gadw’r lliw union, cadwch y HEX neu’r RGB yn hytrach na’r HSL.