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

Գույների ընտրիչ

Ստուգեք HEX գունային կոդերը և փոխակերպեք դրանք HEX, RGB կամ HSL ձևաչափերի՝ հաշվարկելով պայծառության ցուցանիշը:

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

Այս առցանց գործիքը ստուգում է տասնվեցական գունային կոդերը և փոխակերպում դրանք տարբեր ձևաչափերի: Մուտքագրեք երեք կամ վեց նիշ պարունակող HEX արժեք՝ ընտրովի «#» նշանով: Կարճ երեք նիշանոց գրելաձևը, օրինակ՝ #38b, ինքնաբերաբար վերածվում է վեցանիշ ամբողջական տեսքի: Գործիքն աջակցում է HEX, RGB և HSL ֆորմատներին: Ձևաչափերի ցանկից կարող եք ընտրել բոլոր արժեքների միաժամանակյա ցուցադրումը կամ առանձին տարբերակ: Ընտրված ձևաչափի հետ միասին համակարգը հաշվարկում է նաև գույնի թվային պայծառության ցուցանիշը 0-ից մինչև 255 սանդղակով: Պայծառության հաշվարկը հիմնված է կշռված գումարի վրա՝ 0.299 × R + 0.587 × G + 0.114 × B: Եթե դաշտում ներմուծեք անվավեր նիշեր, ալֆա թափանցիկության ալիքով կոդեր կամ RGB ֆունկցիոնալ տողեր, փոխարկումը չի կատարվի: Սխալ մուտքագրումը կանխելու համար համոզվեք, որ տեքստը պարունակում է միայն տասնվեցական թվանշաններ: Գործիքը օգտակար է վեբ ծրագրավորողներին և դիզայներներին, ովքեր աշխատում են CSS ոճերի հետ:

Հրահանգներ

  1. Մուտքագրեք տասնվեցական գույնի կոդը (օրինակ՝ #3498db կամ f00):
  2. Ընտրեք ելքային ձևաչափը բացվող ցանկից՝ բոլորը, HEX, RGB կամ HSL:
  3. Ստուգեք ստացված գունային արժեքները և պայծառության հաշվարկված ցուցանիշը արդյունքների բաժնում:

Օրինակներ

  • Մուտքագրեք #3498db և ընտրեք «Բոլորը» ձևաչափը՝ ստանալով HEX #3498db, RGB rgb(52, 152, 219), HSL hsl(204, 70%, 53%) և պայծառության արժեքը՝ 131.649:
  • Մուտքագրեք f00 և ընտրեք «RGB» ձևաչափը՝ ստանալով rgb(255, 0, 0) արժեքը և 76.245 պայծառության ցուցանիշը:

ՀՏՀ

Կարո՞ղ եմ օգտագործել երեք նիշանոց կարճ HEX կոդեր:

Այո, երեք նիշանոց կոդերը ինքնաբերաբար վերածվում են վեցանիշ ձևաչափի, օրինակ՝ #abc կոդը դառնում է #aabbcc:

Արդյո՞ք գործիքն ընդունում է թափանցիկության (ալֆա) ալիք պարունակող կոդեր:

Ոչ, ութանիշ կամ չորսանիշ ալֆա պարունակող տասնվեցական կոդերը չեն աջակցվում և մերժվում են:

Ինչպե՞ս է հաշվարկվում գույնի պայծառությունը:

Պայծառությունը հաշվարկվում է կշռված գումարով՝ 0.299 × R + 0.587 × G + 0.114 × B, և արտահայտվում է 0-ից 255 միջակայքում:

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

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