Գունային գործիքներ

RGB-ից HEX փոխարկիչ

Փոխարկեք RGB գունային ալիքների արժեքները տասնվեցական HEX կոդի առցանց:

Գործարկել գործիքը

RGB-ից HEX փոխարկիչը թույլ է տալիս արագ ստանալ գույների տասնվեցական կոդերը կարմիր, կանաչ և կապույտ ալիքների թվային արժեքներից: Ծրագրավորողները, դիզայներները և կայքերի հեղինակները հաճախ են աշխատում գույների տարբեր ձևաչափերի հետ CSS ոճերում, HTML կոդում, գրաֆիկական ծրագրերում ու թվային նախագծերում: Գործիքը յուրաքանչյուր ալիքի մուտքային տվյալը վերածում է ամբողջ թվի և ինքնաշխատ սահմանափակում 0-ից 255 միջակայքում: Եթե որևէ դաշտ դատարկ է մնում, կարմիր ալիքի համար լռելյայն ընտրվում է 255, իսկ կանաչի և կապույտի համար՝ 0 արժեքը: Փոխարկման ավարտից հետո արդյունքի դաշտում երևում է փոքրատառ տասնվեցական կոդը՝ սկսած վանդականիշով (#), ինչպես նաև մեծատառ HEX տարբերակը, ստորակետով բաժանված RGB տեքստը և բացատով առանձնացված թվային արժեքները: Ոչ թվային կամ անվավեր նիշեր մուտքագրելու դեպքում գործիքը ցույց է տալիս համապատասխան սխալի ծանուցում: Սա հարմար առցանց միջոց է գունային կոդերը ճշգրիտ համադրելու, պատճենելու և կայքերում կամ հավելվածներում անմիջապես օգտագործելու համար:

Հրահանգներ

  1. Մուտքագրեք կարմիր (R) ալիքի արժեքը համապատասխան դաշտում (0-ից 255):
  2. Մուտքագրեք կանաչ (G) ալիքի արժեքը (0-ից 255):
  3. Մուտքագրեք կապույտ (B) ալիքի արժեքը (0-ից 255):
  4. Սեղմեք հաշվարկի կոճակը՝ արդյունքը ստանալու համար:
  5. Պատճենեք ստացված տասնվեցական կոդը կամ այլընտրանքային գրելաձևերը:

Օրինակներ

  • Կարմիր գույն. R=255, G=0, B=0 մուտքագրելիս ստացվում է #ff0000 տասնվեցական կոդը:
  • Մանուշակագույն երանգ. R=128, G=0, B=128 մուտքագրելիս արդյունքում ցուցադրվում է #800080 կոդը:

ՀՏՀ

Ի՞նչ է տեղի ունենում, եթե մուտքագրված թիվը մեծ է 255-ից կամ փոքր է 0-ից:

Գործիքը ինքնաշխատ կարգավորում է արժեքները. 255-ից բարձր թվերը դառնում են 255, իսկ բացասական թվերը՝ 0:

Ի՞նչ արժեքներ են օգտագործվում, եթե դաշտերը դատարկ մնան:

Եթե դաշտերը չլրացվեն, կարմիր ալիքի համար կկիրառվի 255, իսկ կանաչի և կապույտի համար՝ 0 (կստացվի #ff0000):

Ի՞նչ կցուցադրվի, եթե թվի փոխարեն տեքստ մուտքագրվի:

Եթե արժեքը հնարավոր չլինի վերածել ամբողջ թվի, համակարգը կցուցադրի սխալի մասին համապատասխան ծանուցում:

Ներդնել այս գործիքը

Ստորև բերված կոդով ձեր կայքում ավելացրեք SmartPlusLab-ի աշխատող գործիքը։