Ծրագրավորման գործիքներ

CSS գույների անվանումներ

Որոնեք CSS անվանված գույներ ըստ անվան կամ տասնվեցական կոդի և գտեք մոտակա համապատասխան երանգը:

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

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

Հրահանգներ

  1. Մուտքագրեք գույնի անվանումը կամ վեցանիշ տասնվեցական կոդը որոնման դաշտում:
  2. Թողեք դաշտը դատարկ, եթե ցանկանում եք տեսնել բոլոր գույների այբբենական ցանկը:
  3. Սեղմեք «Որոնում» կոճակը արդյունքները ստանալու համար:
  4. Դիտեք գտնված գույնի անվանումը, տասնվեցական արժեքը և RGB բաղադրիչները:

Օրինակներ

  • Մուտքագրեք «blue» որոնման դաշտում՝ անվանման մեջ «blue» բառը պարունակող բոլոր CSS գույները (օրինակ՝ AliceBlue, CadetBlue, RoyalBlue) տեսնելու համար:
  • Մուտքագրեք «#336699» կոդը. եթե ուղիղ համընկնում չգտնվի, գործիքը կցուցադրի RGB հեռավորությամբ ամենամոտ անվանված գույնը:

ՀՏՀ

Ի՞նչ է տեղի ունենում, եթե որոնման դաշտը դատարկ մնա:

Դատարկ դաշտի դեպքում գործիքը ցուցադրում է հավաքածուի բոլոր անվանված գույները այբբենական կարգով:

Կարո՞ղ եմ որոնել գույնը մեծատառերով:

Այո, մուտքագրված տեքստը ավտոմատ կերպով փոխակերպվում է փոքրատառերի, ուստի մեծատառերով գրելը չի ազդում որոնման արդյունքի վրա:

Ինչպե՞ս է որոշվում մոտակա գույնը:

Եթե մուտքագրված վեցանիշ HEX կոդը չունի ճշգրիտ համընկնում, համակարգը հաշվարկում է մոտակա անվանված գույնը՝ ըստ RGB կապուղիների տարբերությունների քառակուսային հեռավորության:

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

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