Kleurcodering. Kleurcodes in Minecraft
Hexadecimale getallen worden gebruikt om kleuren te specificeren. Het hexadecimale systeem is, in tegenstelling tot het decimale systeem, gebaseerd, zoals de naam al doet vermoeden, op het getal 16. De getallen zijn als volgt: 0, 1, 2, 3, 4, 5, 6, 7, 8, 9, A , B, C , D, E, F. De cijfers van 10 tot en met 15 zijn vervangen in Latijnse letters. Getallen groter dan 15 inch hexadecimaal systeem worden gevormd door twee getallen tot één te combineren. Bijvoorbeeld het getal 255 in decimaal systeem komt overeen met het getal FF in hexadecimaal. Om verwarring bij het bepalen van het getallenstelsel te voorkomen, wordt vóór het hexadecimale getal een hekje # geplaatst, bijvoorbeeld #666999. Elk van de drie kleuren – rood, groen en blauw – kan waarden aannemen van 00 tot FF. Het kleursymbool is dus verdeeld in drie componenten #rrggbb, waarbij de eerste twee symbolen de rode component van de kleur aangeven, de middelste twee - groen en de laatste twee - blauw. Het is toegestaan om de afgekorte vorm #rgb te gebruiken, waarbij elk teken verdubbeld moet worden. De invoer #fe0 moet dus worden beschouwd als #ffee00.
Op naam
Internet Explorer | Chroom | Opera | Safari | Firefox | Android | iOS |
4.0+ | 1.0+ | 3.5+ | 1.3+ | 1.0+ | 1.0+ | 1.0+ |
Browsers ondersteunen sommige kleuren op basis van hun naam. In tabel 1 toont de namen hexadecimale code, RGB, HSL-waarden en beschrijving.
Naam | Kleur | Code | RGB | HSL | Beschrijving |
---|---|---|---|---|---|
wit | #ffffff of #fff | rgb(255.255.255) | hsl(0,0%,100%) | Wit | |
zilver | #c0c0c0 | rgb(192.192.192) | hsl(0,0%,75%) | Grijs | |
grijs | #808080 | rgb(128.128.128) | hsl(0,0%,50%) | Donkergrijs | |
zwart | #000000 of #000 | rgb(0,0,0) | hsl(0,0%,0%) | Zwart | |
kastanjebruin | #800000 | rgb(128,0,0) | hsl(0,100%,25%) | Donkerrood | |
rood | #ff0000 of #f00 | rgb(255,0,0) | hsl(0,100%,50%) | Rood | |
oranje | #ffa500 | rgb(255.165,0) | hsl(38,8,100%,50%) | Oranje | |
geel | #ffff00 of #ff0 | rgb(255.255,0) | hsl(60,100%,50%) | Geel | |
olijf | #808000 | rgb(128.128,0) | hsl(60,100%,25%) | Olijf | |
limoen | #00ff00 of #0f0 | rgb(0,255,0) | hsl(120,100%,50%) | Lichtgroen | |
groente | #008000 | rgb(0,128,0) | hsl(120,100%,25%) | Groente | |
aquatisch | #00ffff of #0ff | rgb(0,255,255) | hsl(180,100%,50%) | Blauw | |
blauw | #0000ff of #00f | rgb(0,0,255) | hsl(240,100%,50%) | Blauw | |
marine | #000080 | rgb(0,0,128) | hsl(240,100%,25%) | Donkerblauw | |
wintertaling | #008080 | rgb(0,128,128) | hsl(180,100%,25%) | Blauwgroen | |
fuchsia | #ff00ff of #f0f | rgb(255,0,255) | hsl(300,100%,50%) | Roze | |
paars | #800080 | rgb(128,0,128) | hsl(300,100%,25%) | Violet |
RGB gebruiken
Internet Explorer | Chroom | Opera | Safari | Firefox | Android | iOS |
5.0+ | 1.0+ | 3.5+ | 1.3+ | 1.0+ | 1.0+ | 1.0+ |
U kunt kleur definiëren met behulp van de rode, groene en blauwe waarden in decimale termen. Elk van de drie kleurcomponenten heeft een waarde van 0 tot 255. Het is ook toegestaan om de kleur als een percentage op te geven, waarbij 100% overeenkomt met het getal 255. Geef eerst het rgb-trefwoord op en specificeer vervolgens de kleurcomponenten tussen haakjes. , gescheiden door komma's, bijvoorbeeld rgb(255, 128, 128) of rgb(100%, 50%, 50%).
RGBA
Internet Explorer | Chroom | Opera | Safari | Firefox | Android | iOS |
9.0+ | 1.0+ | 10.0+ | 3.1+ | 3.0+ | 2.1+ | 2.0+ |
Het RGBA-formaat is qua syntaxis vergelijkbaar met RGB, maar bevat een alfakanaal dat de transparantie van het element specificeert. Een waarde van 0 is volledig transparant, 1 is ondoorzichtig en tussenliggende waarde zoals 0,5 - doorschijnendheid.
RGBA is toegevoegd aan CSS3, dus CSS-code moet worden gevalideerd tegen deze versie. Opgemerkt moet worden dat de CSS3-standaard nog in ontwikkeling is en dat sommige functies kunnen veranderen. Een kleur in RGB-indeling die aan de eigenschap background-color is toegevoegd, wordt bijvoorbeeld gevalideerd, maar een kleur die aan de eigenschap background-color wordt toegevoegd, is niet langer geldig. Tegelijkertijd begrijpen browsers de kleur voor beide eigenschappen volkomen correct.
HSL
Internet Explorer | Chroom | Opera | Safari | Firefox | Android | iOS |
9.0+ | 1.0+ | 9.6+ | 3.1+ | 3.0+ | 2.1+ | 2.0+ |
Naam HSL-formaat gevormd uit een combinatie van de eerste letters Hue (tint), Saturate (verzadiging) en Lightness (lichtheid). Tint is de kleurwaarde op het kleurenwiel (Fig. 1) en wordt weergegeven in graden. 0° komt overeen met rood, 120° met groen en 240° met blauw. De tintwaarde kan variëren van 0 tot 359.
Rijst. 1. Kleurenwiel
Verzadiging is de intensiteit van een kleur en wordt gemeten als een percentage van 0% tot 100%. Een waarde van 0% duidt op geen kleur en een grijstint, 100% maximale waarde verzadiging.
Lichtheid geeft aan hoe helder de kleur is en wordt gespecificeerd als een percentage van 0% tot 100%. Lage waarden maken de kleur donkerder, en hoge waarden maken de kleur lichter; extreme waarden van 0% en 100% komen overeen met zwart en wit.
HSLA
Internet Explorer | Chroom | Opera | Safari | Firefox | Android | iOS |
9.0+ | 1.0+ | 10.0+ | 3.1+ | 3.0+ | 2.1+ | 2.0+ |
Het HSLA-formaat is qua syntaxis vergelijkbaar met HSL, maar bevat een alfakanaal om de transparantie van het element te specificeren. Een waarde van 0 is volledig transparant, 1 is ondoorzichtig en een tussenliggende waarde zoals 0,5 is semi-transparant.
RGBA-, HSL- en HSLA-kleurwaarden zijn toegevoegd aan CSS3, dus controleer uw code op versiegeldigheid wanneer u deze formaten gebruikt.
HTML5 CSS2.1 CSS3 IE Cr Op Sa Fx
Waarschuwing
Alle leeuwenvangmethoden die op de site worden vermeld, zijn theoretisch en gebaseerd op computationele methoden. De auteurs garanderen uw veiligheid bij het gebruik ervan niet en wijzen elke verantwoordelijkheid voor de resultaten af. Vergeet niet dat een leeuw een roofdier en een gevaarlijk dier is!
Het resultaat van dit voorbeeld wordt getoond in Fig. 2.
Rijst. 2. Kleuren op de webpagina
Minecraft-codes bloemen of Minecraft codes opmaak, zodat elke speler bloemen kan toevoegen en tekst op elke mogelijke manier rechtstreeks in Minecraft kan opmaken. Kleurcodes van &0-9 - tot &a-f. Voeg ze toe vóór uw tekst. Berichten van spelers kunnen kleurcodes bevatten waarmee je kleur aan je zinnen kunt toevoegen.
Kleuren en opmaakcodes
Het ampersand-teken (&), gevolgd door een hexadecimaal getal in berichten, geeft aan dat de client van kleur moet wisselen bij het weergeven van tekst. Bovendien kan tekst worden opgemaakt met een & gevolgd door een letter. Je kunt toevoegen verschillende kleuren in boeken, commando blokken, servernaam, serverbeschrijving (motd), in de namen van werelden, in tekens en zelfs in spelersnamen.
Het is heel eenvoudig om uw tekst in configuraties of in het spel op te maken met behulp van de onderstaande kleurenkaart. &r wordt gebruikt om alle codes te resetten, d.w.z. &mAAA&rBBB wordt weergegeven als AAA BBB.
Voor uw gemak presenteren we een tabel met bestaande kleurcodes in Minecraft:
Code | Naam | Technische naam | Symbool kleur | Symbool schaduwkleur | ||||||
---|---|---|---|---|---|---|---|---|---|---|
R | G | B | Hex | R | G | B | Hex | |||
&0 | Zwart | zwart | 0 | 0 | 0 | 000000 | 0 | 0 | 0 | 000000 |
&1 | Donkerblauw | donker_blauw | 0 | 0 | 170 | 0000AA | 0 | 0 | 42 | 00002A |
&2 | Donkergroen | donker_groen | 0 | 170 | 0 | 00AA00 | 0 | 42 | 0 | 002A00 |
&3 | Donker blauwgroen | donker_aqua | 0 | 170 | 170 | 00AAA | 0 | 42 | 42 | 002A2A |
&4 | Donkerrood | donker_rood | 170 | 0 | 0 | AA0000 | 42 | 0 | 0 | 2A0000 |
&5 | Donker paars | donker_paars | 170 | 0 | 170 | AA00AA | 42 | 0 | 42 | 2A002A |
&6 | Goud | goud | 255 | 170 | 0 | FFAA00 | 42 | 42 | 0 | 2A2A00 |
&7 | Grijs | grijs | 170 | 170 | 170 | AAAAAA | 42 | 42 | 42 | 2A2A2A |
&8 | Donkergrijs | donker_grijs | 85 | 85 | 85 | 555555 | 21 | 21 | 21 | 151515 |
&9 | Blauw | blauw | 85 | 85 | 255 | 5555FF | 21 | 21 | 63 | 15153F |
&A | Groente | groente | 85 | 255 | 85 | 55FF55 | 21 | 63 | 21 | 153F15 |
&B | Blauwgroen | aquatisch | 85 | 255 | 255 | 55FFFF | 21 | 63 | 63 | 153F3F |
&C | Rood | rood | 255 | 85 | 85 | FF5555 | 63 | 21 | 21 | 3F1515 |
&D | Licht paars | licht_paars | 255 | 85 | 255 | FF55FF | 63 | 21 | 63 | 3F153F |
&e | Geel | geel | 255 | 255 | 85 | FFFF55 | 63 | 63 | 21 | 3F3F15 |
&F | Wit | wit | 255 | 255 | 255 | FFFFFF | 63 | 63 | 63 | 3F3F3F |
Soms is het nodig onderstrepen, doorhalen, hoogtepunt welke tekst dan ook. Dit gebeurt met behulp van tekstopmaak. Het wordt op precies dezelfde manier gebruikt als kleuren (we plaatsen het vóór de tekst code, bijvoorbeeld &lMinecraft = Minecraft.
Voor uw gemak vindt u hieronder een tabel met opmaakcodes:
Code | Naam |
---|---|
&k | Magische tekst |
&l | Vette tekst |
&M | Doorgestreepte tekst |
&N | Onderstreepte tekst |
&O | Cursieve tekst |
&R | Tekst zonder opmaak |
Kleurcodes in CSS worden gebruikt om kleuren te specificeren. Meestal worden kleurcodes of kleurwaarden gebruikt om de kleur in te stellen voor de voorgrondkleur van een element (bijvoorbeeld tekstkleur, linkkleur) of de achtergrondkleur van een element (achtergrondkleur, blokkleur). Ze kunnen ook worden gebruikt om de kleur van een knop, rand, markering, hover en andere decoratieve effecten te wijzigen.
U kunt uw kleurwaarden instellen verschillende formaten. In de volgende tabel staan alle mogelijke formaten vermeld:
De vermelde formaten worden hieronder in meer detail beschreven.
CSS-kleuren - Hex-codes
Hexadecimale kleurcode is een zescijferige weergave van kleur. De eerste twee cijfers (RR) vertegenwoordigen de rode waarde, de volgende twee zijn dat groene waarde(GG), en deze laatste zijn de blauwe waarde (BB).
CSS-kleuren - korte hexadecimale codes
Korte hex-kleurcode- het is meer korte vorm zescijferige notatie. In dit formaat wordt elk cijfer herhaald om een equivalente kleurwaarde van zes cijfers te produceren. Bijvoorbeeld: #0F0 wordt #00FF00.
Hexadecimale waarde kan uit elke afbeelding worden gehaald software, zoals Adobe Photoshop, Kerntrekking, enz.
Elke hexadecimale kleurcode in CSS wordt voorafgegaan door een hekje "#". Hieronder vindt u voorbeelden van het gebruik van hexadecimale notaties.
CSS-kleuren - RGB-waarden
RGB-waarde is een kleurcode die wordt ingesteld met behulp van de eigenschap rgb(). Deze eigenschap heeft drie waarden: één voor rood, groen en blauw. De waarde kan een geheel getal zijn, van 0 tot 255, of een percentage.
Opmerking: Niet alle browsers ondersteunen de eigenschap rgb() color, dus het wordt niet aanbevolen om deze te gebruiken.
Hieronder ziet u een voorbeeld waarin meerdere kleuren worden weergegeven met behulp van RGB-waarden.
Kleurcodegenerator
Met onze service kunt u miljoenen kleurcodes maken.
Browserveilige kleuren
Hieronder vindt u een tabel met 216 kleuren die het veiligst en meest computeronafhankelijk zijn. Deze kleuren in CSS variëren van 000000 tot FFFFFF hexadecimale code. Ze zijn veilig in gebruik omdat ze ervoor zorgen dat alle computers kleuren correct weergeven wanneer ze met het 256 kleurenpalet werken.
Tabel met "veilige" kleuren in CSS | |||||
#000000 | #000033 | #000066 | #000099 | #0000CC | #0000FF |
#003300 | #003333 | #003366 | #003399 | #0033CC | #0033FF |
#006600 | #006633 | #006666 | #006699 | #0066CC | #0066FF |
#009900 | #009933 | #009966 | #009999 | #0099CC | #0099FF |
#00CC00 | #00CC33 | #00CC66 | #00CC99 | #00CCCC | #00CCFF |
#00FF00 | #00FF33 | #00FF66 | #00FF99 | #00FFCC | #00FFFF |
#330000 | #330033 | #330066 | #330099 | #3300CC | #3300FF |
#333300 | #333333 | #333366 | #333399 | #3333CC | #3333FF |
#336600 | #336633 | #336666 | #336699 | #3366CC | #3366FF |
#339900 | #339933 | #339966 | #339999 | #3399CC | #3399FF |
#33CC00 | #33CC33 | #33CC66 | #33CC99 | #33CCCC | #33CCFF |
#33FF00 | #33FF33 | #33FF66 | #33FF99 | #33FFCC | #33FFFF |
#660000 | #660033 | #660066 | #660099 | #6600CC | #6600FF |
#663300 | #663333 | #663366 | #663399 | #6633CC | #6633FF |
#666600 | #666633 | #666666 | #666699 | #6666CC | #6666FF |
#669900 | #669933 | #669966 | #669999 | #6699CC | #6699FF |
#66CC00 | #66CC33 | #66CC66 | #66CC99 | #66CCCC | #66CCFF |
#66FF00 | #66FF33 | #66FF66 | #66FF99 | #66FFCC | #66FFFF |
#990000 | #990033 | #990066 | #990099 | #9900CC | #9900FF |
#993300 | #993333 | #993366 | #993399 | #9933CC | #9933FF |
#996600 | #996633 | #996666 | #996699 | #9966CC | #9966FF |
#999900 | #999933 | #999966 | #999999 | #9999CC | #9999FF |
#99CC00 | #99CC33 | #99CC66 | #99CC99 | #99CCCC | #99CCFF |
#99FF00 | #99FF33 | #99FF66 | #99FF99 | #99FFCC | #99FFFF |
#CC0000 | #CC0033 | #CC0066 | #CC0099 | #CC00CC | #CC00FF |
#CC3300 | #CC3333 | #CC3366 | #CC3399 | #CC33CC | #CC33FF |
#CC6600 | #CC6633 | #CC6666 | #CC6699 | #CC66CC | #CC66FF |
#CC9900 | #CC9933 | #CC9966 | #CC9999 | #CC99CC | #CC99FF |
#CCCC00 | #CCCC33 | #CCCC66 | #CCCC99 | #CCCCCC | #CCCCFF |
#CCFF00 | #CCFF33 | #CCFF66 | #CCFF99 | #CCFFCC | #CCFFFF |
#FF0000 | #FF0033 | #FF0066 | #FF0099 | #FF00CC | #FF00FF |
#FF3300 | #FF3333 | #FF3366 | #FF3399 | #FF33CC | #FF33FF |
#FF6600 | #FF6633 | #FF6666 | #FF6699 | #FF66CC | #FF66FF |
#FF9900 | #FF9933 | #FF9966 | #FF9999 | #FF99CC | #FF99FF |
#FFCC00 | #FFCC33 | #FFCC66 | #FFCC99 | #FFCCCC | #FFCCFF |
#FFFF00 | #FFFF33 | #FFFF66 | #FFFF99 | #FFFFCC | #FFFFFF |
Vlad Merzjevitsj
In HTML wordt kleur op twee manieren gespecificeerd: met behulp van hexadecimale code en met de naam van bepaalde kleuren. De methode gebaseerd op het hexadecimale getalsysteem wordt voornamelijk gebruikt, omdat deze het meest universeel is.
Hexadecimale kleuren
HTML gebruikt hexadecimale getallen om kleuren op te geven. Het hexadecimale systeem is, in tegenstelling tot het decimale systeem, gebaseerd, zoals de naam al doet vermoeden, op het getal 16. De getallen zijn als volgt: 0, 1, 2, 3, 4, 5, 6, 7, 8, 9, A , B, C , D, E, F. Cijfers van 10 tot 15 worden vervangen door Latijnse letters. In tabel 6.1 toont de overeenkomst tussen decimaal en hexadecimale getallen.
Getallen groter dan 15 in het hexadecimale systeem worden gevormd door twee getallen tot één te combineren (Tabel 6.2). Het getal 255 in decimalen komt bijvoorbeeld overeen met het getal FF in hexadecimaal.
Om verwarring bij het definiëren van het getallensysteem te voorkomen, wordt een hexadecimaal getal voorafgegaan door een hash-symbool #, bijvoorbeeld #aa69cc. In dit geval doet de hoofdletter er niet toe, dus het is toegestaan om #F0F0F0 of #f0f0f0 te schrijven.
Een typische kleur die in HTML wordt gebruikt, ziet er als volgt uit.
Hier is de achtergrondkleur van de webpagina ingesteld op #FA8E47. Het hekje # voor een getal betekent dat het hexadecimaal is. De eerste twee cijfers (FA) definiëren de rode component van de kleur, de derde tot en met vierde cijfers (8E) definiëren de groene component en de laatste twee cijfers (47) definiëren de blauwe component. Het eindresultaat zal deze kleur zijn.
FA. | + | 8E | + | 47 | = | FA8E47 |
Elk van de drie kleuren – rood, groen en blauw – kan waarden aannemen van 00 tot FF, wat resulteert in een totaal van 256 tinten. Het totale aantal kleuren kan dus 256x256x256 = 16.777.216 combinaties zijn. Een kleurmodel gebaseerd op rode, groene en blauwe componenten wordt RGB (rood, groen, blauw) genoemd. Dit model is additief (van optellen - optellen), waarbij de optelling van alle drie de componenten de kleur wit vormt.
Houd rekening met enkele regels om het navigeren door hexadecimale kleuren gemakkelijker te maken.
- Als de waarden van de kleurcomponenten hetzelfde zijn (bijvoorbeeld: #D6D6D6), dan is het resultaat grijze tint. Hoe groter aantal, die lichtere kleur, veranderen de waarden van #000000 (zwart) naar #FFFFFF (wit).
- Er ontstaat een felrode kleur als de rode component maximaal (FF) wordt gemaakt en de overige componenten op nul worden gezet. Een kleur met de waarde #FF0000 is de roodst mogelijke rode tint. De situatie is vergelijkbaar met groente(#00FF00) en blauw (#0000FF).
- Geel(#FFFF00) wordt verkregen door rood en groen te mengen. Dit is duidelijk zichtbaar op het kleurenwiel (Fig. 6.1), dat de primaire kleuren (rood, groen, blauw) en complementaire of aanvullende kleuren weergeeft. Deze omvatten geel, cyaan en violet (ook wel magenta genoemd). Over het algemeen kan elke kleur worden verkregen door kleuren die er dichtbij liggen te mengen. Cyaan (#00FFFF) wordt dus verkregen door blauw en groen te combineren.
Rijst. 6.1. Kleurenwiel
Kleuren op basis van hexadecimale waarden hoeven niet empirisch te worden geselecteerd. Voor dit doel is een grafische editor beschikbaar die met verschillende kan werken kleur modellen, bijvoorbeeld Adobe Photoshop. In afb. Figuur 6.2 toont het venster voor het selecteren van een kleur in dit programma; de resulterende hexadecimale waarde van de huidige kleur is omlijnd met een lijn. Je kunt het kopiëren en in je code plakken.
Rijst. 6.2. Venster voor het kiezen van een kleur Photoshop-programma
Webkleuren
Als u de kleurweergavekwaliteit van de monitor instelt op 8 bits (256 kleuren), kan dezelfde kleur worden weergegeven in verschillende browsers op mijn eigen manier. Dit komt door de manier waarop afbeeldingen worden weergegeven, waarbij de browser met zijn eigen palet werkt en geen kleur kan weergeven die niet in zijn palet staat. In dit geval wordt de kleur vervangen door een combinatie van pixels van andere, nabijgelegen kleuren die de gegeven kleur imiteren. Om ervoor te zorgen dat de kleur in verschillende browsers hetzelfde blijft, is een palet van zogenaamde webkleuren geïntroduceerd. Webkleuren zijn die kleuren waarvoor elke component - rood, groen en blauw - is ingesteld op een van de zes waarden: 0 (00), 51 (33), 102 (66), 153 (99), 204 (CC) , 255 (FF). De hexadecimale waarde van dit onderdeel wordt tussen haakjes aangegeven. Het totale aantal kleuren uit alle mogelijke combinaties levert 6x6x6 - 216 kleuren op. Een voorbeeld van een webkleur is #33FF66.
Het belangrijkste kenmerk van webkleur is dat het in alle browsers hetzelfde lijkt. IN op dit moment De relevantie van webkleuren is erg klein vanwege de verbetering van de kwaliteit van monitoren en de uitbreiding van hun mogelijkheden.
Kleuren op naam
Om te voorkomen dat u een reeks cijfers hoeft te onthouden, kunt u in plaats daarvan de namen van veelgebruikte kleuren gebruiken. In tabel 6.3 toont de namen van populaire kleurnamen.
Kleur naam | Kleur | Beschrijving | Hexadecimale waarde |
---|---|---|---|
zwart | Zwart | #000000 | |
blauw | Blauw | #0000FF | |
fuchsia | Licht paars | #FF00FF | |
grijs | Donkergrijs | #808080 | |
groente | Groente | #008000 | |
limoen | Lichtgroen | #00FF00 | |
kastanjebruin | Donkerrood | #800000 | |
marine | Donkerblauw | #000080 | |
olijf | Olijf | #808000 | |
paars | Donker paars | #800080 | |
rood | Rood | #FF0000 | |
zilver | Lichtgrijs | #C0C0C0 | |
wintertaling | Blauwgroen | #008080 | |
wit | Wit | #FFFFFF | |
geel | Geel | #FFFF00 |
Het maakt niet uit of u een kleur opgeeft via de naam of via hexadecimale getallen. Deze methoden zijn gelijk in hun effect. Voorbeeld 6.1 laat zien hoe u de achtergrond- en tekstkleuren van een webpagina instelt.
Voorbeeld 6.1. Achtergrond- en tekstkleur
Voorbeeld tekst
IN in dit voorbeeld De achtergrondkleur wordt ingesteld met behulp van het bgcolor-attribuut van de tag
en de tekstkleur via het tekstattribuut. Voor de afwisseling is het tekstattribuut ingesteld op een hexadecimaal getal en het bgcolor-attribuut op het gereserveerde trefwoord teal . 28/11/14 11,1KHelaas is het nog niet mogelijk om smaaksensaties op de website weer te geven. Maar dit kan volledig worden gecompenseerd met kleur bereik. Met HTML-kleuren kunt u immers miljoenen tinten weergeven. Dus " kleurpotloden Er zijn er veel meer dan zeven in zijn set.
Kleurenschema in html
IN html-kleur kan in verschillende formaten worden gespecificeerd:
1. In het formulier hexadecimale waarde– de code die is opgegeven in het hexadecimale getallensysteem wordt gebruikt. Dergelijke kleurcodes in HTML bestaan uit drie paar hexadecimale getallen. Elk paar is verantwoordelijk voor de verzadiging van de tint met zijn primaire kleur:
- Het eerste numerieke paar is verantwoordelijk voor de kleur rood;
- Het tweede paar is voor de groene kleurinhoud;
- Dit laatste is vanwege de blauwe inhoud.
Aan het begin van de code (vóór de cijfers) wordt een hekje geplaatst. Dit is de hexadecimale kleurcode. Naast de cijfers van 1 tot en met 9 gebruikt dit cijfersysteem letters van het Latijnse alfabet (A, B, C, D, E, F).
Coderen bijvoorbeeld wit in html ziet het er als #FFFFFF uit:
2. Trefwoord – HTML ondersteunt momenteel ongeveer 147 trefwoorden. Maar niet al deze woorden zijn uniek. Sommigen van hen verwijzen naar dezelfde kleurtint.
De grijze kleur wordt aangegeven met twee trefwoorden: grijs en grijs. Hun hexadecimale code (HEX) wordt gegeven door dezelfde waarde #808080.
Voorbeeld:
#808080
3. In RGB-formaat - deze kleurcodering in html is gebaseerd op het gebruik van drie waarden, ingesteld in het bereik van 0 tot 255. Elk van deze bepaalt de verzadiging van de tint met een van de primaire kleuren:
- R – rood (rood);
- G – groen (groen);
- B – blauw (blauw).
Het kleurnummer in RGB-formaat wordt in de volgende vorm geschreven: rgb(0, 210, 100).
achtergrondkleur: RGB(100.186.43)
4. In RGBA-formaat - het is geavanceerd RGB-formaat, waarbij de vierde waarde de kleurtransparantie in het formulier instelt decimale van 0 naar 1.
Gebruiksvoorbeeld:
achtergrondkleur: rgba (100,86,143,0,2)
achtergrondkleur: rgba (100,86,143,0,5)
achtergrondkleur: rgba (100,86,143,0,8)
achtergrondkleur: rgba (100,86,143,1)
HTML-kleurentabellen en kleurgeneratoren
Met zo'n breed scala aan kleurinstellingsformaten kun je gemakkelijk in de war raken. Daarom werd een speciale kleurentabel uitgevonden. Daarin tot 147 sleutel namen kleurschakeringen Conformiteitscodes zijn opgenomen in alle belangrijke kleurstandaarden. Bovendien is elk veld uitgerust met een balk voor visuele kleurselectie. Een van deze tabellen wordt gepresenteerd op de website colourscheme.ru:
Maar zelfs met deze structurering van matching kan het kiezen van de juiste tint lastig zijn. En het is geen feit dat de tabel met kleurcodes degene bevat die u nodig heeft.
Om dit obstakel te omzeilen en het kiezen van de juiste tint zo eenvoudig mogelijk te maken, zijn interactieve webservices ontwikkeld. Hun gebruikersinterface kunnen enigszins van elkaar verschillen.
Op de website html-color-codes.info ziet de kleurengenerator er als volgt uit:
En binnen de service color-picker.appsmaster.co is deze tool een beetje anders geïmplementeerd:
De verzadiging van elke kleur in de generator wordt ingesteld met behulp van speciale schuifregelaars. Visueel wordt de tint weergegeven door de kleur van het frame en de rechthoek aan de linkerkant. Onderaan tonen 3 velden de kleurcode in basisformaten.
Maar de kleurengenerator is niet alleen beschikbaar op gespecialiseerde sites. Bijna iedereen is uitgerust met zo'n tool. grafische editors. Photoshop bijvoorbeeld:
Veiligheidsmaatregelen bij het werken met kleur
En dit was lang geleden, in het tijdperk van videokaarten die slechts 256 kleuren ondersteunden. In die verre tijden besturingssystemen kon alleen worden weergegeven zonder vervorming een bepaald bedrag acht bit tinten.
Toen werd er een grote tafel getekend veilige kleuren. Het specificeerde 216 tinten die zonder vervorming konden worden weergegeven in een van de browsers van die tijd. En tot op de dag van vandaag dit " geweldig manuscript» is nog steeds beschikbaar op bepaalde bronnen:
Tegenwoordig is alles veranderd. Daarom vervallen alle veiligheidsregels bij het werken met kleur in html volledig. Modern tenslotte computerhardware ondersteunt meer dan 16 miljoen verschillende tinten. En 216 veilige kleuren zijn in de vergetelheid geraakt.