###
  • Programok
  • Biztonság
  • hírek
  • Érdekes
  • Tippek
  • hírek
  • Vélemények

    • rgb formátumban mit. RGB színmodell a CSS-ben. Mire való az .RGB fájlformátum?

    30.10.2019 Tippek

    Problémái vannak az .RGB fájlok megnyitásakor? Információkat gyűjtünk a fájlformátumokés meg tudjuk mondani, mire valók az RGB fájlok. Ezenkívül javasoljuk az ilyen fájlok megnyitására vagy konvertálására legalkalmasabb programokat.

    Mire való az .RGB fájlformátum?

    Az RGB (piros, zöld, kék) additív színmodell szabványos jelöléséből származik, kiterjesztése .rgb az RGB SGI Color Bitmap fájltípushoz kapcsolódik, amely a szélesebb SGI Image File Format (SGI Image File Format) része. A mára megszűnt SGI (eredeti nevén Silicon Graphics) úttörő volt a nagy teljesítményű Unix-alapú grafikus munkaállomások terén, és kifejlesztette saját általános bittérképes formátumát. Megjelent az SGI bitmap formátum teljes specifikációja.

    Fájl .rgb egy RGB (24 bites színes) színes bittérkép SGI formátumban. Az SGI formátum a tömörítetlen mód mellett az RLE tömörítés lehetőségét is biztosítja (Run Length Encoding - Group kódolás). Egy fájlban .rgb egy bittérkép lehet.

    

    Az SGI RGB fájlokat a legtöbb fő felismeri és támogatja grafikus szerkesztőkés a nézők a legtöbb felhasználói környezetben. Attól eltekintve .rgb Az SGI bittérképek más kiterjesztéssel is rendelkezhetnek, nevezetesen .rgb a (32 bites RGBA képek) és .sgi(általános kiterjesztés).

    Hasonló minőségben a bővítés .rgb néha előfordulhat ritka szabványos színformátummal kapcsolatban bittérképek Q0 (RGB, 24 bites szín). Ezt a formátumot a legtöbb jelentős grafikus megjelenítő/szerkesztő is felismeri és támogatja.

    RGB fájlok megnyitására vagy konvertálására szolgáló programok

    Az RGB fájlokat a következő programokkal nyithatja meg: 

    Az RGB modell a kibocsátott színeket írja le. Három elsődleges (alap) színen alapul: piros (piros), zöld (zöld) és kék (kék). Az RGB-modell „natív”-nak nevezhető a kijelző számára. A többi színt az alapszínek kombinálásával kapjuk. Az ilyen típusú színeket additívnak nevezik.

    Az ábrán látható, hogy a zöld és a piros kombinációja sárgát, a zöld és kék kombinációja kéket, és mindhárom szín kombinációja fehéret ad. Ebből arra következtethetünk, hogy az RGB színei kivonhatóan adódnak össze.

    Az elsődleges színek az emberi biológiából származnak. Vagyis ezek a színek az emberi szem fényre adott élettani reakcióján alapulnak. Az emberi szem fotoreceptor sejtjei reagálnak a legtöbb zöld (M), sárga-zöld (L) és kék-lila (S) fényre. maximális hossza hullámok 534 nm-ről, 564 nm-ről és 420 nm-ről). Az emberi agy a három hullámtól kapott jelek különbségei alapján könnyen megkülönbözteti a különböző színek széles skáláját.

    Az RGB színmodellt legszélesebb körben használják LCD- vagy plazmakijelzőkben, például TV-ben vagy számítógép-monitorban. A kijelző minden képpontja megjeleníthető egy hardveres interfészen (például grafikus kártyán) piros, zöld és kék értékként. Az RGB értékek változó intenzitásúak, amelyeket vizuális célokra használnak. A kamerák és a szkennerek is ugyanabban a sorrendben működnek, olyan szenzorokkal rögzítik a színeket, amelyek pixelenként eltérő RGB intenzitást regisztrálnak.

    A 16 bit/pixel módban, más néven Highcolor, színenként 5 bit van (gyakran 555-ös módnak nevezik), vagy egy extra bittel a zöldhez (565-ös mód). A zöldet kiegészíti az a tény, hogy az emberi szem több zöld árnyalatot képes észlelni, mint bármely más szín.

    A 24 bit per pixel (bpp) módban, más néven Truecolor RGB-értékekhez általában három egész érték van hozzárendelve 0 és 255 között. A három szám mindegyike a piros, zöld és kék intenzitását jelenti. .

    Az RGB-nek három csatornája van: piros, kék és zöld, azaz. Az RGB egy háromcsatornás színmodell. Minden csatorna 0 és 255 közötti értékeket vehet fel decimálisan, vagy a valósághoz közelebb 0 és FF között hexadecimálisan. Ez azzal magyarázható, hogy a csatornát kódoló bájt, sőt minden bájt nyolc bitből áll, és egy bit 2 0 vagy 1 értéket vehet fel, összesen 28=256. RGB-ben például a piros 256 szintet vehet fel, a tiszta vöröstől (FF) a feketéig (00). Így könnyen kiszámítható, hogy az RGB modell csak 2563 vagy 16777216 színt tartalmaz.

    Az RGB-nek három csatornája van, és mindegyik 8 bittel van kódolva. A maximális, FF (vagy 255) érték tiszta színt ad. A fehér színt az összes szín, pontosabban azok korlátozó árnyalatainak kombinálásával kapjuk. Fehér színkód = FF (piros) + FF (zöld) + FF (kék). Ennek megfelelően fekete kód = 000000. Sárga kód = FFFF00, bíbor = FF00FF, cián = 00FFFF.

    Vannak 32 és 48 bites színes megjelenítési módok is.

    Az RGB-t nem használják papírra történő nyomtatáshoz, helyette CMYK színtér van.

    A CMYK a színes nyomtatásban használt színmodell. A színmodell egy matematikai modell a színek egész számkénti leírására. A CMYK modell alapja cián, bíbor, sárga és fekete.

    A legkényelmesebb, legáltalánosabb, univerzális módon színjelzések - RGB. Az RGB a Red Green Blue rövidítése, ami azt jelenti: piros, zöld, kék az elsődleges színek, amelyek kombinálásával az összes többi színt megkapjuk.

    A színek RGB használatával többféleképpen állíthatók be, mindegyikről további részletek.

    Funkcionális CSS színformátum

    A funkcionális formátum általános formája: rgb(color) , ahol a "szín" három egész szám (0-tól 255-ig) vagy három százalékos érték (0% és 100%) kombinációja, vesszővel elválasztva. Íme néhány példa.

    Rgb(255, 255, 255) /* fehér szín */
    rgb(0, 0, 0) /* fekete szín */
    rgb(255, 0, 0) /* piros szín */

    Rgb(100%, 100%, 100%) /* fehér szín */
    rgb(0%, 0%, 0%) /* fekete szín */
    rgb(100%, 0%, 0%) /* piros szín */

    rgb után és előtt (nincs szóköz!

    Most színezzük a fejléc szövegét valamilyen véletlenszerű színre, például rgb(222, 14, 100) , ami rózsaszín vagy lila színű. Az alábbiakban egy alkalmazási példa látható.

    H1(
    szín: rgb(222, 14, 100);
    }

    És most a százalékok és az RGB segítségével elkészítjük a zöld pár árnyalatát. Ez a 4. példa.

    4. példa, CSS kód

    P.one (szín: rgb(0%, 20%, 0%); )
    2. oldal ( szín: rgb (0%, 40%, 0%); )
    p.three ( szín: rgb(0%, 60%, 0%); )
    négyes oldal ( szín: rgb(0%, 80%, 0%); )
    p.five ( szín: rgb(0%, 100%, 0%); )

    4. példa, HTML kód

    Zöld


    Zöld


    Zöld


    Zöld


    Zöld

    Egyébként tört százalékokat is írhat, például rgb(40,2%, 22,34%, 12%) , így a szín pontosabb lesz.

    És mi történik, ha túllépünk az értéktartományon? Semmi különös nem fog történni, csak az értékek a legközelebbi határértékig (0% vagy 100%, 0 vagy 255) lesznek értelmezve. A következő az ötödik példa.

    Rgb(200%, 3100%, 101%) /* rgb(100%, 100%, 100%) lesz */
    rgb(-200%, 0%, 12%) /* rgb(0%, 0%, 12%) lesz */
    rgb(257, -130, 212) /* az rgb(255, 0, 212) lesz */

    Tegyük fel, hogy a következő CSS-kódunk van: rgb(12%, 96%, 43%), és a százalékos értékeket egész számokra kell konvertálnunk. Ez nagyon egyszerűen megtörténik, minden szintet meg kell szorozni 255-tel, majd el kell osztani 100-zal, ennek eredményeként kapunk rgb(30.6, 244.8, 109.65) , majd a matematika szabályai szerint kerekítünk, és megkapjuk a kívántat: rgb (31, 245, 110) .

    Hexadecimális színjelölés a CSS-ben

    Leggyakrabban a hexadecimális formátumot használom, csak rövidebb. Következő egy példa.

    P ( szín: #FFFFFF; ) /* fehér szöveg színe */
    p ( szín: #000000; ) /* fekete szöveg színe */
    p ( szín: #FF0000; ) /* piros szöveg színe */

    Szinte semmi különbség nincs az RGB-től. Három RRGGBB szín van megadva, 00 és FF között (az FF 255 tizedesjegy). Amint látja, a számok és a betűk között nincs szóköz vagy más karakter (a második ok, amiért jobban szeretem ezt a formátumot), és a hexadecimális kód fontjellel (#) kezdődik. A hexadecimális formátumot egyébként HEX formátumnak hívják. Az alábbiakban három azonos színre mutatunk be példát, amelyek háromféleképpen vannak megírva.

    HEX/HTML

    A HEX formátumú szín nem más, mint az RGB hexadecimális ábrázolása.

    A színek jelennek meg három hexadecimális számjegyek csoportjai, ahol minden csoport felelős a saját színéért: #112233, ahol a 11 a piros, a 22 a zöld, a 33 a kék. Minden értéknek 00 és FF között kell lennie.

    Sok alkalmazás elfogadja a hexadecimális színek gyorsírását. Ha mind a három csoport ugyanazokat a karaktereket tartalmazza, például #112233, akkor #123-ként írhatók.

    1. h1 ( szín: #ff0000; ) /* piros */
    2. h2 ( szín: #00ff00; ) /* zöld */
    3. h3 ( szín: #0000ff; ) /* kék */
    4. h4 ( szín: #00f; ) /* ugyanaz a kék, gyorsírás */

    RGB

    Az RGB (Red, Green, Blue) színtér az összes lehetséges színből áll, amely a vörös, zöld és kék keverésével nyerhető. Ez a modell népszerű a fotózásban, a televízióban és a számítógépes grafikában.

    Az RGB értékek 0 és 255 közötti egész számként vannak megadva. Például az rgb(0,0,255) kék színben jelenik meg, mivel a kék paraméter a legmagasabb értékre (255), a többi pedig 0-ra van állítva.

    Egyes alkalmazások (különösen a webböngészők) támogatják az RGB százalékos arányt (0% és 100% között).

    1. h1 ( szín: rgb(255, 0, 0); ) /* piros */
    2. h2 ( szín: rgb(0, 255, 0); ) /* zöld */
    3. h3 ( szín: rgb(0, 0, 255); ) /* kék */
    4. h4 ( szín: rgb(0%, 0%, 100%); ) /* ugyanaz a kék, százalékos jelölés */

    Az RGB színértékeket minden nagyobb böngésző támogatja.

    RGBA

    Nemrég modern böngészők megtanulta, hogyan kell dolgozni az RGBA színmodellel – az RGB kiterjesztésével, amely támogatja az alfa-csatornát, amely meghatározza az objektum átlátszatlanságát.

    Az RGBA színértéke a következőképpen van megadva: rgba(piros, zöld, kék, alfa). Az alfa paraméter egy 0,0 (teljesen átlátszó) és 1,0 (teljesen átlátszatlan) közötti szám.

    1. h1 ( szín: rgb(0, 0, 255); ) /* kék normál RGB-ben */
    2. h2 ( szín: rgba(0, 0, 255, 1); ) /* ugyanaz a kék RGBA-ban, mert átlátszatlanság: 100% */
    3. h3 ( szín: rgba(0, 0, 255, 0,5); ) /* átlátszatlanság: 50% */
    4. h4 ( szín: rgba(0, 0, 255, .155); ) /* átlátszatlanság: 15,5% */
    5. h5 ( szín: rgba(0, 0, 255, 0); ) /* teljesen átlátszó */

    Az RGBA-t az IE9+, a Firefox 3+, a Chrome, a Safari és az Opera 10+ támogatja.

    HSL

    A HSL színmodell az RGB modell egy hengeres koordinátarendszerben való megjelenítése. A HSL a színeket intuitívabb és könnyebben érthető módon jeleníti meg, mint a hagyományos RGB. A modellt gyakran használják grafikus alkalmazásokban, színpalettákban és képelemzésben.

    A HSL a Hue (szín / színárnyalat), Saturation (telítettség), Lightness / Luminance (világosság / világosság / fényesség, nem tévesztendő össze a fényerővel) rövidítése.

    A színárnyalat beállítja a szín pozícióját színkerék(0-tól 360-ig). A telítettség egy telítettségi százalékos érték (0% és 100% között). A világosság a világosság százalékos aránya (0% és 100% között).

    1. h1 ( szín: hsl(120, 100%, 50%); ) /* zöld */
    2. h2 ( szín: hsl(120, 100%, 75%); ) /* világoszöld */
    3. h3 ( szín: hsl(120, 100%, 25%); ) /* sötétzöld */
    4. h4 ( szín: hsl(120, 60%, 70%); ) /* pasztellzöld */

    A HSL-t az IE9+, a Firefox, a Chrome, a Safari és az Opera 10+ támogatja.

    HSLA

    Az RGB/RGBA-hoz hasonlóan a HSL is rendelkezik HSLA móddal, amely támogatja az alfa csatornát az objektum átlátszatlanságának meghatározásához.

    A HSLA színértéke a következőképpen van megadva: hsla(színárnyalat, telítettség, világosság, alfa). Az alfa paraméter egy 0,0 (teljesen átlátszó) és 1,0 (teljesen átlátszatlan) közötti szám.

    1. h1 ( szín: hsl(120, 100%, 50%); ) /* zöld normál HSL-ben */
    2. h2 ( szín: hsla(120, 100%, 50%, 1); ) /* ugyanaz a zöld a HSLA-ban, mert átlátszatlanság: 100% */
    3. h3 ( szín: hsla(120, 100%, 50%, 0,5); ) /* átlátszatlanság: 50% */
    4. h4 ( szín: hsla(120, 100%, 50%, .155); ) /* átlátszatlanság: 15,5% */
    5. h5 ( szín: hsla(120, 100%, 50%, 0); ) /* teljesen átlátszó */

    CMYK

    A CMYK színmodellt gyakran a színes nyomtatással, a nyomtatással társítják. A CMYK (ellentétben az RGB-vel) egy kivonó modell, ami azt jelenti, hogy a magasabb értékek sötétebb színekhez kapcsolódnak.

    A színeket a cián (cián), a bíbor (bíbor), a sárga (sárga) aránya határozza meg, a fekete (Key / blackK) hozzáadásával.

    A CMYK-ban színt meghatározó számok mindegyike egy adott színű tinta százalékos arányát jelenti, amely a színkombinációt alkotja, vagy inkább a fényszedőn egy adott színű filmen (vagy közvetlenül a filmen) megjelenő képernyő pontjának méretét. nyomtatott formában CTP esetén).

    Például a „PANTONE 7526” szín eléréséhez 9 rész ciánt, 83 rész bíborvöröst, 100 sárgát és 46 feketét kell összekevernie. Ezt a következőképpen jelölhetjük: (9,83,100,46). Néha ilyen megnevezéseket használnak: C9M83Y100K46 vagy (9%, 83%, 100%, 46%) vagy (0,09 / 0,83 / 1,0 / 0,46).

    HSB/HSV

    A HSB (más néven HSV) hasonló a HSL-hez, de két különböző színű modellről van szó. Mindkettő hengeres geometrián alapul, de a HSB/HSV a "hexcone" modellen, míg a HSL a "bi-hexcone" modellen alapul. A művészek gyakran inkább ezt a modellt használják, általánosan elfogadott, hogy a HSB / HSV készülék közelebb áll a természetes színérzékeléshez. Különösen a HSB színmodellt használják az Adobe Photoshopban.

    A HSB / HSV a Hue (színezet / színárnyalat), a Saturation (telítettség), a Brightness / Value (fényerő / érték) rövidítése.

    A Hue beállítja a szín pozícióját a színkörön (0 és 360 között). A telítettség egy telítettségi százalékos érték (0% és 100% között). A fényerő a fényerő százaléka (0% és 100% között).

    XYZ

    Az XYZ színmodell (CIE 1931 XYZ) egy tisztán matematikai tér. Az RGB-től, CMYK-tól és más modellektől eltérően az XYZ-ben az elsődleges összetevők „képzetek”, vagyis nem lehet X, Y és Z színkészletet leképezni. Az XYZ szinte az összes többi műszaki területen használt színmodell mestermodellje.

    LABOR

    A LAB színmodellt (CIELAB, "CIE 1976 L*a*b*") a CIE XYZ térből számítják ki. A Lab célja egy olyan színtér létrehozása volt, amelyben a színváltozás lineárisabb lenne az emberi érzékelés szempontjából (az XYZ-hez képest), azaz a színkoordináta-értékek azonos változása a színtér különböző területein ugyanaz a színváltozás érzése.