Að breyta lit milli HEX, RGB og HSL
Birt · Uppfært 2 mín. lestur
HEX, RGB og HSL lýsa sama lit á þrjá vegu. Verkfærið sýnir alla þrjá í einu og tekur við algengum ritháttum; HSL námundað að heiltölu skýrir eins þreps bilin sem sjást þegar farið er aftur í HEX.
Þrír ritháttar sama litar
Kanna og breyta litum sýnir öll þrjú form sjálfgefið, með forskoðun á litnum. Fyrir græna litinn #2F4A3F:
| Form | Niðurstaða |
|---|---|
| HEX | #2f4a3f |
| RGB | rgb(47, 74, 63) |
| HSL | hsl(156, 22%, 24%) |
Hnapparnir þrír HEX, RGB og HSL á spjaldinu takmarka niðurstöðuna við eitt form, hentugt til að afrita eins og það er.
Ritháttar sem eru samþykktir
| Ritháttur | Dæmi | HEX-niðurstaða |
|---|---|---|
| Stutt HEX | #fff | #ffffff |
| HEX með gegnsæi | #2F4A3F80 | #2f4a3f80 |
| RGB með kommum | rgb(47, 74, 63) | #2f4a3f |
| RGB með bilum | rgb(47 74 63) | #2f4a3f |
| RGB í prósentum | rgb(100%, 0%, 0%) | #ff0000 |
| HSL með bilum | hsl(156 22% 24%) | #304b40 |
Litanöfnum eins og „rouge“ og rásum utan 0 til 255 eins og rgb(300, 0, 0) er hafnað með skilaboðum sem telja upp ritháttana sem eru samþykktir.
Gegnsæi
Gegnsæi er skrifað í HEX með átta tölustöfum, eða á eftir skástriki með bilum. Liturinn rgb(47 74 63 / 50%) gefur #2f4a3f80 í HEX og rgba(47, 74, 63, 0.5) í RGB. Öfugt gefur #2F4A3F80 ógegnsæi upp á 0,502, því 80 í sextándakerfi er 128 af 255.
Hvers vegna hringferð breytir um eitt þrep
HSL er sýnt í heilum tölum: litblær í gráðum, mettun og ljósleiki í prósentum. Að fara úr HSL aftur í HEX lendir því á nágrannalit, ekki upphafslitnum.
| Upphaf | HSL sýnt | Aftur í HEX |
|---|---|---|
| #2F4A3F | hsl(156, 22%, 24%) | #304b40 |
| #B5532E | hsl(16, 59%, 45%) | #b6532f |
Bilið er eitt þrep á hverri rás, ósýnilegt auganu. Fyrir hönnunartákn eða vörumerki skaltu halda upprunalega HEX sem viðmiði og ekki fara aftur í gegnum HSL.
Gráir litir
Grár hefur enga mettun og litblæ sem hefur engin áhrif: #808080 gefur rgb(128, 128, 128) og hsl(0, 0%, 50%).
Hvað verkfærið mælir ekki
Sniðbreyting segir ekkert um læsileika. Verkfærið reiknar ekki birtuskil milli texta og bakgrunns hans: athugaðu þau sérstaklega áður en þú birtir. Tilvik QR-kóða, þar sem birtuskil ráða læsileika, er rætt í Að búa til QR-kóða sem skannast í fyrstu tilraun.
Athugun á umbreytingu
- Límdu litinn inn í reitinn: forskoðunin á að samsvara því sem þú býst við.
- Afritaðu formið sem kerfið þitt biður um.
- Til að halda nákvæma litnum skaltu geyma HEX eða RGB frekar en HSL.