Word dasturida indigo rangi. Ranglar va soyalarning nomlari

Ranglar jadvali (palitrasi) html sizga kerakli ohangni mustaqil tanlash imkoniyatini beradi. Rang qiymati uchta formatda ko'rsatiladi: Hex, RGB va HSV.

• Hex o'n oltilik sanoq tizimidagi ikkita ikki belgidan iborat uchta qiymatdan iborat. Masalan: #ff00b3, bu erda raqamlarning birinchi jufti qizil, ikkinchisi yashil va uchinchisi ko'k.
• RGB (RedGreenBlue) "200,100,255" shakliga ega bo'lib, natijada olingan rangdagi mos keladigan ohang miqdorini (qizil, yashil, ko'k) ko'rsatadi.
• HSV (Hue, Saturation, Value - ohang, to'yinganlik, qiymat) rang modeli bo'lib, uning koordinatalari:
  • Hue - rang ohangi, 0 ° dan 360 ° gacha o'zgarishi mumkin.
  • Saturation - to'yinganlik, 0-100 yoki 0-1 gacha o'zgarib turadi. Ushbu parametr qanchalik baland bo'lsa, rang "tozaroq" bo'ladi, shuning uchun bu parametr ba'zan rangning tozaligi deb ataladi. Va bu parametr nolga qanchalik yaqin bo'lsa, rang neytral kul rangga yaqinroq bo'ladi.
  • Qiymat (rang qiymati) - yorqinlikni o'rnatadi, qiymat 0-100 yoki 0-1 orasida ham o'zgarishi mumkin.

Rang kodini kiriting: BOSH

Nomlari bilan ranglar ro'yxati

Jadvalda ranglarning nomlari keltirilgan Ingliz(qiymatlar sifatida ishlatilishi mumkin) barcha brauzerlar tomonidan qo'llab-quvvatlanadi va ularning o'n oltilik qiymatlari. Ro'yxatdagi barcha ranglar "xavfsiz", ya'ni ular barcha brauzerlarda bir xil ko'rinadi.

Rassomlar va dizaynerlar tomonidan ishlatiladigan ranglar va soyalar palitrasi shunchaki hayratlanarli. Va o'zgaruvchan tendentsiyalar tufayli butun dunyodagi modaistlar xuddi moda jurnallari kabi rang sxemalarini qunt bilan o'rganmoqdalar. Shunday qilib, yaqinroq o'rganib chiqqach, tanish sariq rang quyidagilarga bo'linadi: xantal, oltin, limon, za'faron, kanareyka, nok, makkajo'xori, chartreuse, bahor kurtaklari, dahlia sariq, mandarin, antiqa oltin... va bu to'liq ro'yxat emas. uning soyalaridan! Mavjud turli xil soyalarni qanday tushunish mumkin, eng muhimi - bu umuman kerakmi? Axir, rangni idrok etish sof sub'ektivdir, unga nafaqat madaniy omillar, balki fiziologik omillar ham ta'sir qiladi (ko'zning rang nuanslarini farqlash qobiliyati tabiatan odamdan odamga farq qiladi). Bundan tashqari, soya atrofdagi ranglarga qarab issiqroq yoki sovuqroq ko'rinishi mumkin.

Sovuq ranglar va soyalar

Ranglar va soyalar o'tishlarining uzluksizligini aniq ko'rsatish uchun rang g'ildiragi ishlatiladi. U uchta rangga asoslangan: qizil, sariq va ko'k. Ushbu ranglarni bir-biri bilan aralashtirishda biz oraliq ranglarni olamiz: to'q sariq, yashil va binafsha. Boshqa barcha soyalar bu ranglarni bir-biri bilan, shuningdek, qora va oq bilan aralashtirish orqali olinadi.

Rang g'ildiragini ko'rsatishning uchta asosiy usuli mavjud, garchi ular bir xil narsadir.

Sovuq ranglarning asosi - mavimsi rang. Agar rangga qaraganingizda, ko'k, kulrang yoki - bu soya sovuq - u orqali porlashini tasavvur qilishingiz mumkin.

Sovuq soyalar quyidagilardir:

• to'q qizil;

• koxineal;

• qizil;

• alizarin;

• qip-qizil;

• kardinal;

• magenta;

• baqlajon;

• visteriya;

• limon;

• urish;

• nefrit;

• akuamarin;
• indigo;

• Prussiya ko'k;

• panjara chap;

• antrasit;

• Marengo.

Issiq ranglarning soyalari

Shuni yodda tutish kerakki, ko'plab soyalarni idrok etish yaqin atrofdagi ranglarga bog'liq. "Hamma narsa taqqoslash orqali ma'lum" iborasi rang harorati uchun juda mos keladi. Hatto bir xil harorat shkalasining soyalari orasida siz issiqroq va sovuqroq soyalarni topishingiz mumkin. Soyalarni solishtirishning eng oson usuli neytral (masalan, oq) bilan. Rangning issiq soyalari sariq, qizil yoki pushti rangdagi "porlash" ga ega bo'ladi.

Bularga quyidagilar kiradi:

Bundan tashqari, neytral ranglar deb ataladiganlar ham mavjud:

Ranglar va soyalarning to'g'ri kombinatsiyasi uchun siz issiq ohanglarni sovuqdan ajratishni o'rganishingiz kerak. Rangli kompozitsiyalarni yaratishning uchta usuli mavjud.

Ulardan birinchisi uchun bir xil rangdagi bir nechta soyalar tanlanadi. Ushbu usul oqilona, ​​oqlangan ansambllarni yaratish uchun javob beradi.

Ikkinchisi uchun qo'shni ranglar (rang g'ildiragida bir-birining yonida joylashgan) birlashtiriladi.

Uchinchi usulda qo'shimcha ranglar qo'llaniladi (rang g'ildiragining qarama-qarshi qismlarida joylashgan). Shunday qilib, eng jozibali, samarali kompozitsiyalar olinadi.

Ko'rib turganingizdek, hali ham issiq va sovuq ranglar va soyalarni ajratishni o'rganishga arziydi, lekin o'nlab ohanglar va yarim tonlarning har birining nomlarini eslab qolish umuman shart emas. Agar siz stilist yoki dizayner bo'lsangiz ham, ranglarni doimo yodda tutgandan ko'ra, siz bilan nomlar bilan bir nechta rang palitralarini olib yurish osonroq bo'ladi. Bundan tashqari, masalan, hind qizili, qizil ikra va engil marjon o'rtasidagi farqni tushuntirishga urinishdan ko'ra, rang namunasini ko'rsatish ancha oson.

Salom, aziz blog o'quvchilari. Men "" bo'limida maqolalar chop etishda davom etaman. Bugun men HTML va CSS kodidagi ranglar haqida gaplashmoqchiman, ularni qanday o'rnatishingiz mumkinligini, ular qanday shakllantirilishini, kerakli rangni qidirish yoki olish uchun maxsus mo'ljallangan dasturlardan qanday foydalanishni hali bilmaganlarga tushuntirmoqchiman va ko'proq.

Istalgan soyani ko'rsatish masalasi, ayniqsa, veb-hujjatda berilgan kodlar to'liq aniq bo'lmaganda (masalan, #f3af6c) va bu ma'lumotni qanday va qayerdan olish mumkinligi aniq bo'lmaganda, yangi boshlanuvchilar uchun dolzarb bo'lishi mumkin. Html ni toping va CSS ranglari) va ulardan matn yoki veb-hujjatning boshqa bloklarini loyihalashda qanday foydalanish mumkin.

Sizga eslatib o'tamanki, biz allaqachon ishlatiladigan asosiy tamoyillar bilan tanishib chiqdik. Biz allaqachon teglarni ko'rib chiqdik va o'rgandik, ko'p narsalarni va qanday qilib o'rgandik.

Asosiy RGB ranglarining kodlari va jadvali

Gipermatn belgilash tilida va kaskadli uslublar jadvallarida hujjatlarni rangli dizayn qilish imkoniyati mavjudligi juda mantiqiy, chunki aks holda saytlar juda zerikarli va bir xil turdagi bo'lardi. Buning uchun ular odatda RGB deb nomlangan modeldan foydalanadilar (qizil, yashil va ko'k uchun uchta inglizcha so'zdan olingan qisqartma).

RGB modelida faqat uchta rang ishlatiladi (bular qizil, yashil va ko'k ekanligi aniq), ularning har biri bilan ifodalanishi mumkin turli darajalar porlashning yorqinligi. Har bir kanal uchun (qizil, yashil va ko'k) siz 256 ta mumkin bo'lgan yorqinlik darajasidan birini tanlashingiz mumkin. 256 raqami olingan, chunki bir bayt ma'lumotda juda ko'p soya qiymatlarini kodlash mumkin.

Shunga ko'ra, bizning veb-hujjatimiz uchun biz juda ko'p mumkin bo'lganlar orasidan istalgan soyani tanlashimiz mumkin (256 * 256 * 256). Masalan, qora rangni olish uchun rang sxemasining uchta kanali yorqinlik qiymati nolga teng bo'lishi kerak va oq, qizil, yashil va ko'k ranglarni olish uchun maksimal yorqinlikka ega bo'lishi kerak.

Keling, har bir kanalda yorqinlikni qanday o'rnatishni va buning uchun qancha imkoniyatlarimiz borligini aniqlashga harakat qilaylik?

Aslida, bor ikkita asosiy yo'l:

1. har bir kanal uchun yorqinlikni (qizil, yashil va ko'k) o'n oltilik yozuvda yozish orqali sozlash
2. veb-hujjat kodiga rang nomini kiritish orqali vazifa

Keling, murakkablaridan boshlaylik va o'n oltilik kodda ranglarni qanday yozishni aniqlashga harakat qilaylik. Agar biz, masalan, o'nlik sistemada oq kodni yozishni xohlasak, biz 256 256 256 kodini, qora uchun esa 0 0 0 kodini olamiz. Bu erda, ehtimol, hamma narsa aniq.

Lekin o‘n oltilik sanoq sistemasida arab raqamlaridan tashqari lotin alifbosining dastlabki oltita harfi ham qo‘llaniladi va raqamlarning shakllanishida o‘ziga xos xususiyat mavjud. Men buni chuqurroq o'rganishga arzimaydi deb o'ylayman, lekin misol sifatida aytamanki, Html uchun oq rang quyidagicha o'rnatilishi mumkin: #ffffff va qora: #000000. Bular. 00 ga o'nlik kasr tizimidagi 0 ga, ff esa 256 ga to'g'ri keladi.

Bular. har bir kanal uchun RGB ranglari CSS kodi ikkita o'n oltilik raqamga ruxsat beradi, shuning uchun rang qiymati yozuvlari oltita raqamdan (yoki o'n oltilik raqamli raqamlarga ekvivalent bo'lgan harflardan) iborat bo'lib, oldidan "#" xesh belgisi mavjud. Bu juda oddiy.

Masalan, eng oddiy soyalar uchun quyidagi jadvalda ularning o'n oltilik yozuvlari quyidagicha ko'rinadi:

Tabiiyki, siz Internet-loyihangizda ko'rmoqchi bo'lgan o'n oltilik kodlarni o'ylab topish va solishtirishga majbur emassiz. Siz har qanday grafik muharrirda (hatto ) sayt uchun ranglarni tanlashingiz mumkin, bu erda ular sizga RGB formatidagi ushbu soyaning yozuvini albatta ko'rsatadilar yoki Html ranglar jadvalini topib, kerakli kodni u yerdan nusxa ko'chiring.

Yandex Ranglari - Yandex natijalarida RGB soyalar palitrasini tanlash

Bu maqsadda foydalanishni xohlamang grafik muharriri yoki kodlari bo'lgan jadvalni qidiryapsizmi? Hammasi joyida. Ushbu sahifani biroz pastga aylantiring va siz Html yoki CSS kodida ranglar bilan ishlash uchun maxsus va moslashtirilgan ko'plab dasturlarni topasiz.

Agar bu sizga mos kelmasa, uni oching va qidiruv satriga kiriting o'sha soyaning nomi bilan so'rov, sizni qiziqtirgan (garchi siz shunchaki kiritishingiz mumkin: kulrang-jigarrang-malina).

Natijada, qidiruv natijalarining eng yuqori qismida siz saytingiz uchun ranglarni tanlash uchun juda qulay Yandex.Colors palitrasi-jadvalini ko'rasiz. Ushbu palitraning pastki o'ng burchagida sizga kerak bo'lgan soyaning o'n oltilik kodini nusxalashingiz mumkin (uning oldida xesh belgisi mavjud), keyin uni veb-hujjatingizning kerakli joyiga joylashtirishingiz kerak.

Bularning barchasi dizaynerlar va dizaynerlarga tartibni tuzishda yordam berish uchun mo'ljallangan deb nomlangan tufayli amalga oshiriladi.

Siz .. qila olasiz; siz ... mumkin Yandex qidiruv panelida rangni o'rnating, ham uning nomi shaklida, ham kod shaklida - natijada siz uning ekranda qanday ko'rinishini ko'rasiz va kerak bo'lsa, uning o'n oltilik belgisini olishingiz mumkin.

Aslida, bu vosita foydali bo'lishi mumkin oddiy foydalanuvchilar masalan, kumush-jigarrang-malinali dog'lar soyasida mebel qanday ko'rinishini tushunish uchun Internet. Ushbu Yandex sehrgaridan foydalanish haqida videoni ham ko'rishingiz mumkin:

Gipermatn belgilash tilida ba'zi ranglar so‘zlar yordamida aniqlanishi mumkin, masalan, "qora" - qora, "oq" - oq va hokazo. Ammo bitta ogohlantirish bor. Shuning uchun rangni belgilash faqat ularning cheklangan soni uchun mumkin.

Birinchidan, RGB sxemasida mumkin bo'lgan barcha 16 million soyalarni istalgan jadvaldagi so'zlar yordamida ifodalay olmasligingiz aniq (uni aylanib chiqishdan charchaysiz).

Ikkinchidan, W3C validatorida Gipermatn belgilash tili spetsifikatsiyasi 4.01 (u hamma tomonidan to'liq qo'llab-quvvatlanadi) mumkin bo'lgan brauzerlar hozirgi vaqtda) faqat 16 ta rang aniqlangan, ularni Html yoki CSS kodida quyidagi so'zlar bilan ko'rsatish mumkin:

Bundan tashqari, koddagi so'zlar bilan ko'rsatilishi mumkin bo'lgan yanada batafsil soya jadvallarini topishingiz mumkin, ammo ba'zi brauzerlarda bu rang to'g'ri ko'rsatilmasligi mumkin.

Shuning uchun, yuqorida keltirilgan 16 ta asosiy soyalar jadvaliga qo'shimcha ravishda, boshqa barcha ranglar kodda ko'rsatilishi kerak veb-hujjatlar keraksiz ortiqcha narsalarni oldini olish uchun faqat o'n oltilik yozuvdan foydalaning.

Vebmasteringda rang kodlari va nomlardan foydalanish

Yoniq hozirgi paytda barcha tashqi dizayn veb-sahifalar CSS (kaskadli uslublar jadvallari) ga qoldirilishi va rang kodini to'g'ridan-to'g'ri Html da ko'rsatish juda kam uchraydi, lekin hali ham sodir bo'ladi. Bundan tashqari, u yoki bu sabablarga ko'ra tashqi jadvallardan foydalanish mumkin bo'lmagan holatlar mavjud. CSS uslublari(masalan, reliz yaratishda).

Shuning uchun, men hali ham Html-da ranglarni o'rnatishga misol keltiraman, garchi bu holda ular allaqachon qo'llaniladi W3C validator tomonidan tavsiya etilmaydigan teglar. Misol uchun, avvalroq fon rangi "BODY" tegida "bgcolor" atributi orqali o'rnatilgan va matn "matn" atributidan foydalangan holda darhol butun veb-sahifada ranglangan.

Bu holda kerakli soyalarni o'rnatish, masalan, quyidagicha ko'rinishi mumkin:

Hujjat tarkibi

Natijada bej fon va quyuq ko'k shriftga ega veb-sahifa paydo bo'ladi. CSS-dan foydalanishdan oldin, matnning har qanday alohida qismining shrift rangini o'zgartirish uchun W3C validatori tomonidan tavsiya etilmaydigan "FONT" yorlig'i keng qo'llanilgan bo'lib, unda bir xil nomdagi "rang" atributi kiritilgan. rangni o'rnating:

ko'k rangda bo'lishi kerak bo'lgan matn qismi

Yozilgan kodning natijasini ekranda ko'rish uchun siz ushbu faylni html kengaytmasi bilan saqlashingiz va keyin uni o'zingiz uchun qulay bo'lgan istalgan brauzerda ochishingiz kerak.

Endi saytingizning joylashuvi haqiqiy deb hisoblanishi uchun tavsiya etiladi kaskadli uslublar jadvalida elementlarning ranglarini o'rnating tegishli qoidalar va xususiyatlar orqali. CSS-ga bunday kiritish qoidalari yuqorida tavsiflanganlardan farq qilmaydi.

Ko'rib turganingizdek, ba'zan rang belgisini qisqartirish uchun oltita emas, faqat uchta belgidan foydalaniladi, agar ular har bir kanal uchun mos bo'lsa - "#66s00" o'rniga "#6s0".

Maxsus dasturning palitrasidan rangni tanlang yoki uni ekrandan suratga oling

Yuqorida yozganimdek, RGB (qizil, yashil, ko'k) ranglar sxemasi hamma joyda qo'llaniladi. Uchta asosiy rangning har biri uchun 256 ta gradatsiya mavjud - 0 dan 255 gacha (agar biz bu qiymatlarni o'n oltilik sanoq tizimiga aylantirsak, biz 00 dan FF gacha).

Chunki bizda uchta asosiy rang bor, ularning kombinatsiyasidan boshqa barcha soyalar hosil bo'ladi, keyin o'n oltilik raqam quyidagicha ko'rinadi: 99FF66 (yashil rang). Uning oldiga # ni qo'shish orqali biz #99FF66 kodini olamiz, uni Html va uslublar fayllarida ham ishlatish mumkin. O'z-o'zidan ma'lumki, bu bema'ni narsalarni o'zingiz aniqlab olishingiz va eslab qolishingiz shart emas.

Buning uchun siz foydalanishingiz mumkin maxsus dastur, sizga palitrada kerakli soyani tanlash imkonini beradi (yoki uni ekrandan suratga oling Pipetka kabi asbob) va darhol uning kodini oling. Sizda dastur bo'lishi shart emas, faqat Yandex-ga o'ting va so'rovlar satriga istalgan rangning nomini kiriting (men bu haqda yuqorida yozganman).

Bularning barchasini to'liq amalga oshirishga imkon beradigan dasturlar ro'yxati:

Sizga omad! Tez orada blog sayti sahifalarida ko'rishguncha

Sizni qiziqtirishi mumkin

Html kodidagi ro'yxatlar - UL, OL, LI va DL teglari
HTML-ga havola va rasmni (fotosurat) qanday kiritish kerak - IMG teglari va A
Qanday qilib giperhavola yaratish mumkin (A, Href, Target blank), uni saytning yangi oynasida qanday ochish kerak, shuningdek, rasmni Html kodida havola qilish
Shrift (yuz, o'lcham va rang), Blockquote va Pre teglar - sof HTMLda eski matn formatlash (siz CSS yordamida)
Html-dagi jadvallar - Table, Tr va Td teglari, shuningdek ularni yaratish uchun Colspan, Cellpadding, Cellspacing va Rowspan
HTML shakllari sayt uchun - veb-shakl elementlarini yaratish uchun teglar Form, Input va Select, Option, Textarea, Label va boshqalar. Ochiladigan ro'yxatlar va matn maydonlari shakli uchun, Variant, Textarea, Label, Fieldset, Legend - Html teglarini tanlang.
Img- HTML teg rasmni qo'shish (Src), matnni uning atrofida tekislash va o'rash (tekislash), shuningdek fonni o'rnatish uchun (fon)
Html kodidagi sharh direktivalari va Doctype, shuningdek blok va inline elementlar (teglar) tushunchasi
Html gipermatn belgilash tili nima va W3C validatoridagi barcha teglar ro'yxatini qanday ko'rish mumkin
Bo'shliq belgilari va ularni Html-da kodni formatlash, shuningdek, maxsus uzilmaydigan bo'shliq belgilar va boshqa mnemonikalar

CSS rang moduli mualliflarga html elementlarining ranglari va shaffofligini, shuningdek rang xususiyatining qiymatlarini aniqlash imkonini beruvchi qiymatlarni batafsil tavsiflaydi.

rang xususiyati

1. Ustuvor ranglar: rang xususiyati

Xususiyat yordamida shrift rangini o'rnatadi turli tizimlar rang berish. Xususiyat element matn mazmunining rangini tavsiflaydi. Bundan tashqari, u rang qiymatlarini qabul qiladigan har qanday boshqa xususiyatlar uchun potentsial bilvosita qiymatni (currentColor) ta'minlash uchun ishlatiladi.

Mulk meros qilib olingan.

2. Rang qiymatlari

2.1. Asosiy kalit so'zlar

Asosiy kalit so'zlar ro'yxati quyidagi ma'nolarni o'z ichiga oladi:

Rang nomlari katta-kichik harflarga sezgir emas.

Sintaksis

Rang: ko'k;

2.2. Raqamli rang qiymatlari

2.2.1. RGB model ranglari

RGB qiymatining o'n oltilik formati - bu # belgisi, undan keyin darhol uch yoki olti o'n oltilik belgilar. Uch xonali RGB yozuvi #rgb olti xonali #rrggbb shakliga nol qo'shish o'rniga raqamlarni nusxalash orqali o'zgartiriladi. Masalan, #fb0 #ffbb00 gacha kengayadi. Bu qisqa #fff yozuvida oq #ffffff ko'rsatilishini ta'minlaydi va displey rang chuqurligiga bog'liqliklarni olib tashlaydi.

Funktsional yozuvdagi RGB qiymatining formati rgb (keyin uchta raqamli qiymatdan iborat vergul bilan ajratilgan ro'yxat (uchta butun qiymat yoki uch foizli qiymat), undan keyin belgi). Butun son qiymati 255 100% va F yoki FF ga oʻn oltilik tizimda mos keladi:

Rgb(255,255,255) = rgb(100%, 100%, 100%) = #FFF

Raqamli qiymatlar atrofida bo'shliq belgilariga ruxsat beriladi.