Ranglar va soyalarning nomlari. Rasmdagi piksel rangini onlayn Cherry blossom rgb aniqlang

Tasvirlar bilan ishlashda siz ko'pincha piksel rangini aniq aniqlashingiz kerak. Bu tasvirni to'g'rilash yoki dizayn ishlarida Internet sahifangiz yoki veb-saytingiz fonining, panellarining yoki tugmalarining rang sxemasini sozlash uchun kerak.

Ushbu xizmat sizga qo'shimcha dasturlarni yuklab olmasdan va o'rnatmasdan onlayn nuqta rangini aniqlash imkonini beradi. Onlayn ko'z tomchilari xizmatimizda ishlash orqali siz tasvirning istalgan qismining rangini tez va oson bilib olishingiz mumkin.

Buning uchun saytga rasm yuklashingiz kerak. Faylni yuklab olish uchun "Browse" tugmasini bosing. Kerakli rasm faylini tanlang va "Yuklash" tugmasini bosing. Rasm yuklanishi bilan siz uni ekranda ko'rasiz. Keyin kursorni rangini aniqlamoqchi bo'lgan piksel ustiga olib borishingiz kerak. Alohida oynada siz piksel rangini ko'rishingiz mumkin bo'ladi va Joriy qiymat maydonida pikselning HTML va RGB rangidagi tegishli piksel raqami ko'rsatiladi.

Xizmat rang kodini HTML va RGB rang formatida saqlashni ta'minlaydi. Buning uchun kursorni kerakli piksel ustiga olib, sichqonchaning chap tugmasini bosishingiz kerak. Alohida oynadagi "Saqlangan qiymatlar" maydonida siz piksel rangini, shuningdek, HTML va RGB rang formatida saqlangan piksel kodlari qiymatlarini ko'rishingiz mumkin.

Sharhlar

Ha, yaxshi ko'rinadi, rahmat

Oddiy

shoh asar

vazn

Biz sizga juda ko'p yordam berdik

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 ranglari 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 doimiy ravishda xotirada saqlashdan ko'ra, nomlari 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.

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 turli xil ranglarni ko'rsatish tizimlaridan foydalangan holda shrift rangini belgilaydi. 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: zangori;

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 belgisi #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.

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) - koordinatalari bo'lgan rang modeli:
  • 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 barcha brauzerlar tomonidan qo'llab-quvvatlanadigan ingliz rang nomlari (qiymat sifatida ishlatilishi mumkin) va ularning o'n oltilik qiymatlari keltirilgan. Ro'yxatdagi barcha ranglar "xavfsiz", ya'ni ular barcha brauzerlarda bir xil ko'rinadi.

HEX/HTML

HEX rangi RGB ning o'n oltilik ko'rinishidan boshqa narsa emas.

Ranglar o'n oltilik raqamlarning uchta guruhi sifatida ifodalanadi, bu erda har bir guruh o'z rangi uchun javobgardir: #112233, bu erda 11 qizil, 22 yashil, 33 ko'k. Barcha qiymatlar 00 va FF oralig'ida bo'lishi kerak.

Ko'pgina ilovalar o'n oltilik rang belgilarining qisqartirilgan shakliga ruxsat beradi. Agar uchta guruhning har biri bir xil belgilarni o'z ichiga olsa, masalan, #112233, ularni #123 deb yozish mumkin.

1. h1 (rang: #ff0000; ) /* qizil */
2. h2 (rang: #00ff00; ) /* yashil */
3. h3 (rang: #0000ff; ) /* ko'k */
4. h4 (rang: #00f; ) /* bir xil ko'k, stenografiya */

RGB

RGB (Qizil, Yashil, Moviy) rang maydoni qizil, yashil va ko'kni aralashtirish orqali yaratilishi mumkin bo'lgan barcha mumkin bo'lgan ranglardan iborat. Ushbu model fotografiya, televizor va kompyuter grafikasida mashhur.

RGB qiymatlari 0 dan 255 gacha butun son sifatida ko'rsatilgan. Masalan, rgb(0,0,255) ko'k rangda ko'rsatiladi, chunki ko'k parametr uning eng yuqori qiymatiga (255), qolganlari esa 0 ga o'rnatiladi.

Ba'zi ilovalar (ayniqsa veb-brauzerlar) RGB qiymatlarini foizli yozib olishni qo'llab-quvvatlaydi (0% dan 100% gacha).

1. h1 (rang: rgb(255, 0, 0); ) /* qizil */
2. h2 (rang: rgb(0, 255, 0); ) /* yashil */
3. h3 (rang: rgb(0, 0, 255); ) /* ko'k */
4. h4 (rang: rgb(0%, 0%, 100%); ) /* bir xil koʻk, foizli yozuv */

RGB rang qiymatlari barcha asosiy brauzerlarda qo'llab-quvvatlanadi.

RGBA

Yaqinda zamonaviy brauzerlar RGBA rang modeli bilan ishlashni o'rgandilar - ob'ektning shaffofligini aniqlaydigan alfa-kanalni qo'llab-quvvatlaydigan RGB kengaytmasi.

RGBA rang qiymati quyidagicha ko'rsatilgan: rgba (qizil, yashil, ko'k, alfa). Alfa parametri 0,0 (to'liq shaffof) dan 1,0 (to'liq shaffof) gacha bo'lgan raqamdir.

1. h1 (rang: rgb(0, 0, 255); ) /* oddiy RGBda ko'k */
2. h2 (rang: rgba(0, 0, 255, 1); ) /* RGBA-da bir xil ko'k, chunki shaffoflik: 100% */
3. h3 (rang: rgba(0, 0, 255, 0.5); ) /* shaffoflik: 50% */
4. h4 (rang: rgba(0, 0, 255, .155); ) /* shaffoflik: 15,5% */
5. h5 (rang: rgba(0, 0, 255, 0); ) /* butunlay shaffof */

RGBA IE9+, Firefox 3+, Chrome, Safari va Opera 10+ da qo'llab-quvvatlanadi.

HSL

HSL rangli modeli silindrsimon koordinatalar tizimidagi RGB modelining ifodasidir. HSL ranglarni odatiy RGB-ga qaraganda ko'proq intuitiv va odam o'qiy oladigan tarzda ifodalaydi. Model ko'pincha grafik ilovalar, ranglar palitrasi va tasvirni tahlil qilishda qo'llaniladi.

HSL qisqartmasi Hue (rang/rang), Saturation (to'yinganlik), Lightness/Luminance (yorug'lik/engillik/yorqinlik, yorqinlik bilan adashtirmaslik kerak).

Hue rangning rang g'ildiragidagi o'rnini belgilaydi (0 dan 360 gacha). To'yinganlik - to'yinganlikning foizli qiymati (0% dan 100% gacha). Yengillik - bu engillikning foizi (0% dan 100% gacha).

1. h1 (rang: hsl(120, 100%, 50%); ) /* yashil */
2. h2 (rang: hsl(120, 100%, 75%); ) /* och yashil */
3. h3 (rang: hsl(120, 100%, 25%); ) /* toʻq yashil */
4. h4 (rang: hsl(120, 60%, 70%); ) /* pastel yashil */

HSL IE9+, Firefox, Chrome, Safari va Opera 10+ da qo'llab-quvvatlanadi.

HSLA

RGB/RGBA singari, HSL ob'ektning shaffofligini ko'rsatish uchun alfa-kanalni qo'llab-quvvatlaydigan HSLA rejimiga ega.

HSLA rang qiymati quyidagicha ko'rsatilgan: hsla (rang, to'yinganlik, yorug'lik, alfa). Alfa parametri 0,0 (to'liq shaffof) dan 1,0 (to'liq shaffof) gacha bo'lgan raqamdir.

1. h1 (rang: hsl(120, 100%, 50%); ) /* oddiy HSLda yashil */
2. h2 (rang: hsla(120, 100%, 50%, 1); ) /* HSLA da bir xil yashil, chunki shaffoflik: 100% */
3. h3 (rang: hsla(120, 100%, 50%, 0,5); ) /* shaffoflik: 50% */
4. h4 (rang: hsla(120, 100%, 50%, .155); ) /* shaffoflik: 15,5% */
5. h5 (rang: hsla(120, 100%, 50%, 0); ) /* butunlay shaffof */

CMYK

CMYK rang modeli ko'pincha rangli chop etish va chop etish bilan bog'liq. CMYK (RGB dan farqli o'laroq) ayiruvchi model bo'lib, yuqori qiymatlar quyuq ranglar bilan bog'liqligini anglatadi.

Ranglar zangori (Cyan), magenta (Magenta), sariq (sariq) nisbati bilan, qora (Kalit/qora) qo'shilishi bilan aniqlanadi.

CMYK-da rangni belgilaydigan raqamlarning har biri ranglar kombinatsiyasini tashkil etuvchi ma'lum rangdagi siyoh foizini yoki aniqrog'i, ushbu rangdagi plyonkada (yoki CTP holatida to'g'ridan-to'g'ri bosma plastinkada).

Masalan, PANTONE 7526 rangini olish uchun siz 9 qism ko'k, 83 qism qizil rang, 100 qism sariq va 46 qism qora rangni aralashtirishingiz kerak. Buni quyidagicha belgilash mumkin: (9,83,100,46). Ba'zan quyidagi belgilar qo'llaniladi: C9M83Y100K46, yoki (9%, 83%, 100%, 46%) yoki (0,09/0,83/1,0/0,46).

HSB/HSV

HSB (HSV nomi bilan ham tanilgan) HSL ga o'xshaydi, lekin ular ikki xil rangdagi modeldir. Ularning ikkalasi ham silindrsimon geometriyaga asoslangan, lekin HSB/HSV “hexcone” modeliga, HSL esa “bi-hexcone” modeliga asoslangan. Rassomlar ko'pincha ushbu modeldan foydalanishni afzal ko'radilar, HSB/HSV qurilmasi ranglarning tabiiy idrokiga yaqinroq ekanligi odatda qabul qilinadi. Xususan, HSB rang modeli Adobe Photoshop dasturida qo'llaniladi.

HSB/HSV qisqartmasi Hue (rang/rang), Saturation (to'yinganlik), Brightness/Value (yorqinlik/qiymat) degan ma'noni anglatadi.

Hue rangning rang g'ildiragidagi o'rnini belgilaydi (0 dan 360 gacha). To'yinganlik - to'yinganlikning foizli qiymati (0% dan 100% gacha). Yorqinlik - yorqinlikning ulushi (0% dan 100% gacha).

XYZ

XYZ rang modeli (CIE 1931 XYZ) sof matematik makondir. RGB, CMYK va boshqa modellardan farqli o'laroq, XYZ-da asosiy komponentlar "xayoliy" bo'lib, siz X, Y va Z-ni aralashtirish uchun har qanday ranglar to'plami bilan bog'lay olmaysiz. XYZ - texnik sohalarda qo'llaniladigan deyarli barcha boshqa rang modellari uchun asosiy model.

LAB

LAB rang modeli (CIELAB, “CIE 1976 L*a*b*”) CIE XYZ maydonidan hisoblab chiqilgan. Laboratoriyaning dizayn maqsadi rang makonini yaratish edi, unda rang o'zgarishlari inson idrokida (XYZ ga nisbatan) ko'proq chiziqli bo'ladi, ya'ni rang makonining turli mintaqalarida rang koordinatalari qiymatlarining bir xil o'zgarishi. rang o'zgarishining bir xil tuyg'usini hosil qiladi.