RGB-ից HEX փոխարկիչ
Կարգավորեք սլայդերները կամ ներքևում տեղադրեք HEX կոդը՝ RGB, HEX և HSL արժեքների միջև ակնթարթորեն փոխարկելու և գույների կենդանի նախադիտում ստանալու համար — բոլոր հաշվարկները կատարվում են ձեր սարքում։
Գույնի մուտք
Փոխարկված ելք
Վերանայումներ
Ինչպես RGB-ն փոխարկել HEX-ի
- Սահեցրեք կարմիր, կանաչ և կապույտ սահիչները — կամ տեղադրեք HEX կոդը անմիջապես դաշտում — գույն սահմանելու համար։
- Դիտեք նախադիտման նմուշը և HEX, RGB և HSL արժեքների ուղիղ թարմացումը, երբ փոփոխություններ անեք։
- Սեղմեք ցանկացած արժեքային քարտ՝ այն պատճենելու համար, և պատրաստ է տեղադրելու CSS-ում, դիզայնի ծրագրաշարում կամ կոդում։
RGB, HEX և HSL՝ ինչ տարբերություն կա?
RGB, HEX և HSL բոլորը նկարագրում են նույն գույները՝ դրանք պարզապես նույն թվերը գրելու տարբեր ձևեր են։ RGB-ն գույնը սահմանում է՝ ըստ այն բանի, թե որքան կարմիր, կանաչ և կապույտ լույս է միավորվում դրա ստեղծման համար, յուրաքանչյուրը 0–255 սանդղակով։ HEX-ը նույն RGB արժեքներն է, որոնք կրճատ 6-անիշանոց 16-ական հիմքով կոդով են գրված, ինչի պատճառով rgb(31, 58, 95) և #1f3a5f նույն գույներն են։ HSL-ը գույնը բնութագրում է երանգով (գունային անիվի վրա նրա դիրքով), հագեցվածությամբ (ինչքան վառ է) և լուսավորությամբ — ֆորմատ, որը հաճախ ավելի ինտուիտիվ է հարակից երանգներ ընտրելու համար։
Որտեղ սովորաբար օգտագործվում է յուրաքանչյուր ձևաչափ
| Ֆորմատ | Տիպիկ օգտագործում | Ինչու |
|---|---|---|
| Հեքս | CSS, HTML, դիզայնի գործիքներ | Կարճ, հեշտ է պատճենել և կիսել մեկ տողով |
| ՌԳԲ | Թափանցիկությամբ CSS (rgba) | Աջակցում է թափանցիկության ալֆա-ալիքին |
| ՀՍԼ | Գույների պալիտրաների ստեղծում | Մի թվի փոփոխությամբ հեշտ է ստանալ ավելի բաց, ավելի մուգ կամ հարակից երանգներ։ |
Այս արժեքների օգտագործումը CSS-ում
Երեք ֆորմատներից ցանկացածն անմիջապես աշխատում է ոճաթերթում: color: #1f3a5f;, color: rgb(31, 58, 95); և color: hsl(210, 51%, 25%); բոլորն էլ ներկայացնում են նույն ծովային կապույտը։ HEX-ը ամուր գույների ամենատարածված կարճ ձևն է, մինչդեռ RGB-ն (կամ դրա rgba() տարբերակը) օգտակար է, երբ գույնը պետք է ունենա մասամբ թափանցիկություն, իսկ HSL-ը հեշտացնում է միատեսակ երանգների հավաքածու ստեղծել՝ երանգը անփոփոխ պահելով և միայն թեթևությունը կարգավորելով։
Հաճախակի տրվող հարցեր
Արդյո՞ք այս RGB-ից HEX փոխարկիչը անվճար է օգտագործման համար։+
Այո։ Այն ամբողջությամբ աշխատում է JavaScript-ով ձեր զննարկիչում, ուստի հաշիվ, API բանալի կամ օգտագործման սահմանափակում չկա։
Իմ գույների տվյալները որևէ տեղ վերբեռնվում են՞+
Ոչ։ Բոլոր փոխարկումները տեղի են ունենում տեղայնորեն՝ ձեր զննարկիչում։ Ոչինչ չի ուղարկվում սերվերին, չի պահպանվում և չի գրանցվում։
Ի՞նչ է իրականում տարբերությունը HEX-ի և RGB-ի միջև?+
Նրանք նույն գույնը նկարագրում են տարբեր նշանագրություններով — HEX-ը 16-ական հիմքով 6-անիշանոց կարճ ձև է նույն կարմիր, կանաչ և կապույտ արժեքների համար, որոնք RGB-ն ներկայացնում է որպես երեք առանձին թվեր 0-ից 255-ը։
Դիզայնի և զարգացման գործիքներ
Ինչպես է աշխատում այս փոխարկիչը
Արժեքները JavaScript-ով իրական ժամանակում փոխարկվում են RGB, HEX և HSL ձևաչափերի միջև, երբ դուք գույն եք մուտքագրում կամ ընտրում — մուտքագրած ոչ մի տվյալ չի վերբեռնվում սերվեր կամ որևէ տեղ չի պահպանվում։
Վերջին թարմացումը՝ 2026 թ. օգոստոսի 28-ը։
Գործիքների տուփում ավել գործիքներ
Ավելի շատ անվճար, առանց API-клюչի գործիքներ հասանելի են գլխավոր էջում։
QR կոդի գեներատոր
Ցանկացած տեքստ կամ URL վերածեք ներբեռնելի QR կոդի։
JSON ձևաչափիչ
Ֆորմատավորել, վավերացնել և մինիֆիկացնել JSON-ը սխալների հուշումներով։
Ֆավիկոն գեներատոր
Փոխարկեք պատկերը ձեզ անհրաժեշտ բոլոր favicon չափսերով։
UUID գեներատոր
Միանգամից զանգվածային քանակով գեներացրեք v4 պատահական UUID-ներ։