Värviteisendaja
Veeb ja arendusKuidas esitada värvi HEX-, RGB- või HSL-kujul?
Vali või sisesta värv ja kopeeri see HEX-, RGB-, HSL-, HWB- või OKLCH-kujul koos lähima CSS-värvinimega.
Tööriista kasutamisel jääb sisestatu sinu seadmesse. Jagatud lingi avamisel saab HowToolbox selle aadressis olevad seaded lehe ettevalmistamiseks.
Nimi, hex, rgb(), hsl(), hwb() või oklch(), nagu CSS-is.
HEX
#2563eb
Lähim CSS-värvinimi: royalblue (#4169e1).
Sama värv teistes vormingutes
- RGB
- rgb(37 99 235)
- HSL
- hsl(221.2 83.2% 53.3%)
- HWB
- hwb(221.2 14.5% 7.8%)
- OKLCH
- oklch(54.61% 0.2152 262.88)
Heledamad ja tumedamad toonid
- Heledus 95%
- #e6efff
- Heledus 85%
- #b4ceff
- Heledus 75%
- #82adff
- Heledus 65%
- #4f89ff
- Heledus 55%
- #2664ec
- Heledus 45%
- #0543ca
- Heledus 35%
- #002b93
- Heledus 25%
- #00185c
- Heledus 15%
- #00062a
Sponsitud lingid
Vali või sisesta värv ja kopeeri see HEX-, RGB-, HSL-, HWB- või OKLCH-kujul koos lähima CSS-värvinimega.
Kuidas kasutada
- Sisesta värv mis tahes CSS-kujul, näiteks tomato, #1a73e8, rgb(26 115 232) või oklch(60% 0.2 260), või puuduta värvinäidist ja vali värv.
- Kopeeri vajalik vorming. Esimesena kuvatakse HEX, selle all RGB, HSL, HWB ja OKLCH.
- Leia toonirealt sama värvi heledamad ja tumedamad variandid.
Levinud CSS-värvid HEX- ja RGB-kujul
| CSS-nimi | HEX | RGB |
|---|---|---|
| black | #000000 | rgb(0 0 0) |
| white | #ffffff | rgb(255 255 255) |
| red | #ff0000 | rgb(255 0 0) |
| lime | #00ff00 | rgb(0 255 0) |
| blue | #0000ff | rgb(0 0 255) |
| yellow | #ffff00 | rgb(255 255 0) |
Kuidas see töötab
Ekraan loob värvi punase, rohelise ja sinise valguse segamisel. RGB ja HEX esitavad segu otse: HEX on samad kolm kogust kuueteistkümnendsüsteemis, nii et #1a73e8 tähendab punast 26, rohelist 115 ja sinist 232. HSL ja HWB kirjeldavad sama värvi inimesele omasemalt: värvitoon värviringil ning selle heledus, tumedus või hallus.
OKLCH on uuem esitusviis, mille heledus on lähedane silmaga tajutule: sama heledusega värvid paistavad sama heledad, mida sRGB-põhine HSL ei taga (CSS Color Module Level 4; Ottosson, 2020). Toonid säilitavad värvitooni ja kromaatilisuse ning muudavad ainult OKLCH heledust, et rida näiks ühtlaste sammudega. Kui värvi ei saa sellel heledusel kuvada, vähendatakse kromaatilisust kuni sobiva väärtuseni.
Lähim CSS-nimi valitakse 148 nimega värvi seast vähima erinevuse järgi OKLab-ruumis, kus võrdsed kaugused peaksid paistma võrdselt erinevad. Tavalisest ekraaniulatusest (sRGB) välja jääv värv kuvatakse lähima sobiva värvina.
Sponsitud lingid
Korduma kippuvad küsimused
Mida tähendab 8-kohaline HEX-kood?
Viimased kaks kohta määravad läbipaistmatuse vahemikus 00 (nähtamatu) kuni ff (läbipaistmatu). Osaliselt läbipaistev värv esitatakse nendega ja värvinäidis kuvatakse ruudulisel taustal.
Miks näevad kaks sama HSL-heledusega värvi erinevad välja?
HSL-heledus arvutatakse ekraani punase, rohelise ja sinise väärtusest, mitte värvi tajutavast heledusest. Kollane paistab sama HSL-heleduse korral sinisest palju heledam, mistõttu kasutatakse toonide jaoks OKLCH-d.
Millist vormingut CSS-is kasutada?
Kõik toimivad tänapäeva brauserites. HEX on levinuim ja lühim, HSL-i on lihtne käsitsi muuta ning OKLCH sobib ühtlaste palettide loomiseks ja suudab laia värviulatusega ekraanidel näidata ka sRGB-väliseid värve.
Kas lähim CSS-nimi vastab mu värvile täpselt?
Mitte alati. Tööriist eristab täpset vastet lähimast nimega värvist.
Kas see teisendab värvitoone või ICC-profiile?
Ei. See töötab CSS-värvidega, mitte füüsiliste värvide süsteemide või ICC-värviprofiilidega.
Järgmiseks võib vaja minna
- JSON-i vormindajaKleebi JSON, et leida vead, korrastada või tihendada teksti., privaatne, töötab sinu seadmesVeeb ja arendusKontrollijaTeisendajaKodeerimine
- URL-i kodeerimine ja dekodeerimineProtsentkodeeri tekst veebiaadressi jaoks või teisenda %20 ja teised koodid tagasi tavaliseks tekstiks., privaatne, töötab sinu seadmesVeeb ja arendusTeisendajaKodeerimine
- DNS-päringOtsi aadresse, meiliservereid ja muid DNS-kirjeid., privaatne, töötab sinu seadmesVeeb ja arendusKontrollijaVõrgud
- Allalaadimisaja kalkulaatorSisesta faili suurus ja ühenduse kiirus, et näha alla- või üleslaadimise kestust., privaatne, töötab sinu seadmesVeeb ja arendusKalkulaatorVõrgud
- RäsigeneraatorMis tahes teksti SHA-256, SHA-512, SHA-1 ja MD5 räsi otse sinu brauseris., privaatne, töötab sinu seadmesVeeb ja arendusGeneraatorKodeerimine
- HTTP olekukoodidOtsi üles mis tahes HTTP olekukood: mida tähendavad 200, 301, 404, 429 või 503, millal server selle saadab, kas vahemälud seda hoiavad ja milline RFC selle määratleb., privaatne, töötab sinu seadmesVeeb ja arendusTeatmikVõrgud
Veel kategoorias Veeb ja arendus
Kõik 18 tööriista kategoorias Veeb ja arendus- ParooligeneraatorSinu seadmes loodud juhuslik parool koos tugevusega bittides. Midagi ei saadeta kuhugi., privaatne, töötab sinu seadmes
- Brauseri infoBrauseri, mootori ja seadme teatatud andmed., privaatne, töötab sinu seadmes
- Kas sait töötab?Kontrolli veebisaidi vastust meie serverist.
- Mis on minu IP?Sinu avalik IP ja selle taga olev võrk.
- SSL-sertifikaadi kontrollijaAvaliku saidi sertifikaadi aegumine, väljastaja, hõlmatud nimed, ahel ja TLS-i versioon koos arusaadavate parandusjuhistega.
- UUID-generaatorSinu seadmes loodud juhuslikud UUID-d: versioon 4 või ajaliselt järjestatud versioon 7., privaatne, töötab sinu seadmes
Praegu populaarne
Sponsitud lingid
Sponsitud lingid
Sponsitud lingid