Tinklalapių dizainas ir CSS
Paversti spalvą iš dizaino failo arba ekrano kopijos pasirinkimo lango į šešioliktainį kodą, kurio reikia jūsų stilių lapui.
RGB į HEX konverteris — Paversti RGB reikšmes į šešioliktainius kodus, o šešioliktainius kodus į RGB, su tiesioginiu peržiūros langu.
Įveskite raudonos, žalios ir mėlynos spalvų skaičius, pasirinkite spalvą arba įklijuokite šešioliktainį kodą ir iš karto peržiūrėkite visus formatus: HEX, RGB ir HSL. Tiesioginis peržiūros langas ir kontrasto patikrinimas parodys, kuri teksto spalva tinka geriausiai. Viskas veikia jūsų naršyklėje.
Paversti spalvą
Jūsų spalvos išlieka naršyklėje
Pasirinkite arba įveskite spalvą
Aa
Spalvų kodai
HEX
–RGB (CSS)
–HSL (CSS)
––Geriausia teksto spalva
–Kontrasto santykis
Vadovas
RGB į HEX vadovas: spalvų kodai, HSL ir kontrastas
Sužinokite, kaip veikia spalvų kodai ir kaip pasirinkti lengvai atpažįstamus spalvų derinius.
Ką daro RGB į HEX konverteris?
Ekranai atkuria visas spalvas, maišydami raudoną, žalią ir mėlyną šviesą. RGB šį mišinį išreiškia trimis skaičiais nuo 0 iki 255. HEX tą patį mišinį išreiškia trimis skaičiais šešioliktainėje sistemoje kaip trumpą kodą, pavyzdžiui, #1F3A5F – būtent tokį kodą paprastai naudoja CSS, dizaino įrankiai ir prekės ženklų gairės.
Įveskite tris skaičius, pasirinkite spalvą naudodami spalvų pasirinkiklį arba įklijuokite šešioliktainį kodą. Visi formatai atnaujinami vienu metu, be to, gausite HSL versiją ir patarimą, kokia teksto spalva ant jos geriausiai matosi.
Kodėl žmonės konvertuoja RGB į HEX
Prekės ženklas ir dokumentai
Užtikrinkite, kad prekės ženklo spalvos logotipo faile, skaidrių rinkinyje ir interneto svetainėje būtų nuoseklios.
Prieinamumas
Prieš skelbdami patikrinkite, kokia teksto spalva tinka tam tikram fonui, ir įvertinkite kontrasto santykį.
Kaip RGB paverčiamas į HEX
Kiekvienas iš trijų skaičių paverčiamas dviejų skaitmenų šešioliktainiu skaičiumi, o tada trys poros sujungiamos.
RGB: 31, 58, 95
31 = 1F (1 × 16 + 15)
58 = 3A (3 × 16 + 10)
95 = 5F (5 × 16 + 15)
HEX: #1F3A5F
Šešioliktainėje sistemoje naudojami skaitmenys nuo 0 iki 9 ir raidės nuo A iki F, kur A reiškia 10, o F – 15. Trumpas kodas, pavyzdžiui, #FA0, yra sutrumpinta forma: kiekvienas skaitmuo yra dvigubinamas, taigi jis reiškia #FFAA00.
Dažniausiai pasitaikančios spalvos RGB ir HEX formatais
| Spalva | RGB | HEX |
|---|---|---|
| Juoda | 0, 0, 0 | #000000 |
| Balta | 255, 255, 255 | #FFFFFF |
| Raudona | 255, 0, 0 | #FF0000 |
| Žalia | 0, 255, 0 | #00FF00 |
| Mėlyna | 0, 0, 255 | #0000FF |
| Geltona | 255, 255, 0 | #FFFF00 |
| Oranžinė | 255, 165, 0 | #FFA500 |
| Pilka | 128, 128, 128 | #808080 |
Kaip naudotis RGB į HEX konverteriu
- Įveskite raudonos, žalios ir mėlynos spalvų vertes arba spustelėkite spalvų pavyzdį, kad pasinaudotumėte spalvų pasirinkimo įrankiu.
- Arba įklijuokite šešioliktainį kodą į laukelį „Hex“, jei norite atlikti atvirkštinį veiksmą.
- Peržiūrėkite HEX, RGB ir HSL kodus, patikrinkite kontrasto santykį ir tinkamiausią teksto spalvą.
- Spauskite „Kopijuoti“ šalia reikiamo formato.
Paprasti patarimai, kaip dirbti su spalvomis
- Kad tekstas būtų lengvai skaitomas, siekite, kad kontrasto santykis būtų ne mažesnis kaip 4,5 : 1 įprastam tekstui ir 3 : 1 dideliam tekstui.
- Šešioliktainiai kodai nėra jautrūs didžiosioms ir mažosioms raidėms, todėl #1f3a5f ir #1F3A5F reiškia tą pačią spalvą.
- Pradinis simbolis # yra būtinas CSS, tačiau čia jis nėra privalomas. Kodus galite įklijuoti su juo arba be jo.
- Ekranai ir spausdintuvai spalvas rodo skirtingai, todėl atspausdinta spalva gali nesutapti su ta, kurią matote ekrane.
Apribojimai ir privatumas
Privatumas
Jūsų pasirinktos spalvos konvertuojamos jūsų naršyklėje. Niekas nėra siunčiama į mūsų serverį ar saugoma. Jūsų įrenginyje įsimenamas tik pasirinkimas naudoti mažąsias raides.
Apribojimai
Ši priemonė dirba su standartinėmis 8 bitų sRGB spalvomis, kurių vertės kiekviename kanale svyruoja nuo 0 iki 255. Ji nepalaiko skaidrumo (RGBA arba 8 skaitmenų šešioliktainio formato), CMYK spalvų modelio, skirto spausdinimui, nei plačios spalvų gamybos spalvų erdvių.
Dažnai užduodami klausimai
Dažnai užduodami klausimai apie RGB į HEX konverterį
Kaip konvertuoti RGB į HEX?
Įveskite raudonos, žalios ir mėlynos spalvų reikšmes, kurių kiekviena yra nuo 0 iki 255. Šis įrankis kiekvieną skaičių konvertuoja į du šešioliktainius skaitmenis ir juos sujungia, taigi 31, 58, 95 tampa #1F3A5F.
Kaip konvertuoti HEX į RGB?
Įklijuokite šešioliktainį kodą į laukelį „Hex“. Trys RGB skaičiai įrašomi iš karto. Pavyzdžiui, #FF8800 atitinka 255, 136, 0.
Ar šešioliktainio kodo pabaigoje reikia ženklo „#“?
Ne. Galite įvesti su ženklu # arba be jo, taip pat tinka ir trumpieji kodai, pavyzdžiui, #FA0. Rezultate visada yra ženklas #, todėl jis jau paruoštas naudoti CSS.
Ką reiškia šie trys RGB skaičiai?
Tai yra raudonos, žalios ir mėlynos šviesos intensyvumas, kurio vertės svyruoja nuo 0 (nėra) iki 255 (maksimalus). 0, 0, 0 reiškia juodą spalvą, o 255, 255, 255 – baltą.
Kam skirta HSL reikšmė?
HSL spalvą apibūdina kaip atspalvį, sodrumą ir šviesumą. Dažnai ją lengviau reguliuoti rankiniu būdu, pavyzdžiui, šiek tiek pašviesinti spalvą, ir tai veikia tiesiogiai CSS.
Ką man sako kontrasto santykis?
Tai rodo, kaip gerai juodas arba baltas tekstas išsiskiria ant jūsų pasirinktos spalvos fono. Pagal WCAG prieinamumo gaires įprastas minimalus santykis įprastam tekstui yra 4,5 : 1 arba didesnis.
Ar galiu įtraukti skaidrumą?
Ne čia. Šis įrankis apdoroja tik nepermatomas spalvas be alfa kanalo. Norėdami nustatyti skaidrumą, patys įrašykite alfa vertę į rgba() savo CSS.
Ar mano duomenys kur nors saugomi ar siunčiami?
Ne. Konvertavimas vyksta jūsų naršyklėje, ir jokia informacija neišeina iš jūsų įrenginio. Kitam kartui įsimenamas tik jūsų pasirinkimas dėl mažųjų raidžių.
Iš žmonių, kurie naudojasi šiuo įrankiu
Atsiliepimai
Įkeliamos atsiliepimai…
Tęsk toliau
Daugiau įrankių dėžutėje
Pagrindiniame puslapyje pateikiama dar keliasdešimt nemokamų įrankių, kuriems nereikia API rakto.
UUID generatorius
Masiniu būdu sukurti atsitiktinius v4, v7 ir v5 UUID.
Atidaryti įrankįTarpų šalinimo įrankis
Pašalinkite nereikalingas tarpų, tabuliacijų ir tuščių eilučių.
Atidaryti įrankįVienetų keitiklis
Konvertuokite ilgį, svorį, greitį ir kitus matavimo vienetus.
Atidaryti įrankįRomos skaitmenų konverteris
Paversti skaičius į romėniškus skaičius ir atvirkščiai.
Atidaryti įrankį