Minecraft кодтары түстер, немесе Minecraft кодтарпішімдеу, кез келген ойыншыға гүлдер қосуға және мәтінді тікелей Minecraft-та барлық мүмкін түрде пішімдеуге мүмкіндік береді. Түс кодтары&0-9 - бастап &a-f дейін. Оларды мәтіннің алдына қосыңыз. Ойыншылардың хабарламаларында сөйлемдерге түс қосуға мүмкіндік беретін түс кодтары болуы мүмкін.
Түстер және пішімдеу кодтары
Хабарлардағы оналтылық саннан кейін қойылған амперсанд белгісі (&) мәтінді көрсету кезінде клиентке түстерді ауыстыру туралы сигнал береді. Сонымен қатар, мәтінді & әріпінен кейін әріппен пішімдеуге болады. Кітаптарға, пәрмен блоктарына, сервер атауына, сервер сипаттамасына (motd), әлем атауларына, белгілерге және тіпті ойыншы атауларына әртүрлі түстер қосуға болады.
Төмендегі түс диаграммасын пайдаланып, конфигурацияларда немесе ойында мәтінді пішімдеу өте оңай. &r барлық кодтарды қалпына келтіру үшін пайдаланылады, яғни. &mAAA&rBBB AAA BBB ретінде көрсетіледі.
Сізге ыңғайлы болу үшін біз Minecraft-та бар түс кодтарының кестесін ұсынамыз:
| Код | Аты | Техникалық атауы | Таңба түсі | Таңбалық көлеңке түсі | ||||||
|---|---|---|---|---|---|---|---|---|---|---|
| Р | Г | Б | Hex | Р | Г | Б | Hex | |||
| &0 | Қара | қара | 0 | 0 | 0 | 000000 | 0 | 0 | 0 | 000000 |
| &1 | Қара көк | қара көк | 0 | 0 | 170 | 0000AA | 0 | 0 | 42 | 00002A |
| &2 | Қою жасыл | қою_жасыл | 0 | 170 | 0 | 00AA00 | 0 | 42 | 0 | 002A00 |
| &3 | Қою көк-жасыл | қараңғы_аква | 0 | 170 | 170 | 00AAA | 0 | 42 | 42 | 002A2A |
| &4 | Қою қызыл | қара_қызыл | 170 | 0 | 0 | AA0000 | 42 | 0 | 0 | 2A0000 |
| &5 | Қою күлгін | қара_күлгін | 170 | 0 | 170 | AA00AA | 42 | 0 | 42 | 2A002A |
| &6 | Алтын | алтын | 255 | 170 | 0 | FFAA00 | 42 | 42 | 0 | 2A2A00 |
| &7 | Сұр | сұр | 170 | 170 | 170 | АААААА | 42 | 42 | 42 | 2A2A2A |
| &8 | Қара сұр | қара_сұр | 85 | 85 | 85 | 555555 | 21 | 21 | 21 | 151515 |
| &9 | Көк | көк | 85 | 85 | 255 | 5555FF | 21 | 21 | 63 | 15153F |
| &a | Жасыл | жасыл | 85 | 255 | 85 | 55FF55 | 21 | 63 | 21 | 153F15 |
| &b | Көк-жасыл | аква | 85 | 255 | 255 | 55FFFF | 21 | 63 | 63 | 153F3F |
| және т.б | Қызыл | қызыл | 255 | 85 | 85 | FF5555 | 63 | 21 | 21 | 3F1515 |
| &d | Ашық күлгін | ашық_күлгін | 255 | 85 | 255 | FF55FF | 63 | 21 | 63 | 3F153F |
| &e | Сары | сары | 255 | 255 | 85 | FFFF55 | 63 | 63 | 21 | 3F3F15 |
| &f | Ақ | ақ | 255 | 255 | 255 | FFFFFF | 63 | 63 | 63 | 3F3F3F |
Кейде бұл қажет астын сызу, сызу, бөлектеукез келген мәтін. Бұл мәтінді пішімдеу арқылы жасалады. Ол түстер сияқты қолданылады (мәтіннің алдына қоямыз код, мысалы &lMinecraft = Minecraft.
Сізге ыңғайлы болу үшін төменде пішімдеу кодтарының кестесі берілген:
| Код | Аты |
|---|---|
| &k | Сиқырлы мәтін |
| &l | Нобай |
| &м | Сызық сызылған мәтін |
| &n | Асты сызылған мәтін |
| &o | Көлбеу мәтін |
| &r | Пішімдеусіз мәтін |
Түстерді анықтау үшін он алтылық сандар қолданылады. Он алтылық жүйе ондық жүйеден айырмашылығы, аты айтып тұрғандай, 16 санына негізделген. Сандар келесідей болады: 0, 1, 2, 3, 4, 5, 6, 7, 8, 9, A , B, C , D, E, F. 10-нан 15-ке дейінгі сандар латын әріптерімен ауыстырылады. Он алтылық жүйедегі 15-тен үлкен сандар екі санды бір санға біріктіру арқылы жасалады. Мысалы, ондық жүйедегі 255 саны он алтылық жүйедегі FF санына сәйкес келеді. Санау жүйесін анықтауда шатасуды болдырмау үшін он алтылық санның алдына # хэш белгісі қойылады, мысалы #666999. Үш түстің әрқайсысы - қызыл, жасыл және көк - 00-ден FF-ге дейінгі мәндерді қабылдай алады. Осылайша, түс таңбасы #rrggbb үш құрамдас бөлікке бөлінеді, мұндағы алғашқы екі таңба түстің қызыл компонентін, ортаңғы екеуі жасыл, ал соңғы екеуі көк түсті көрсетеді. #rgb қысқартылған түрін пайдалануға рұқсат етіледі, мұнда әрбір таңба екі еселенуі керек. Осылайша, #fe0 жазбасы #ffee00 ретінде қарастырылуы керек.
Аты бойынша
| Internet Explorer | Chrome | Опера | Сафари | Firefox | Android | iOS |
| 4.0+ | 1.0+ | 3.5+ | 1.3+ | 1.0+ | 1.0+ | 1.0+ |
Браузерлер кейбір түстерді аты бойынша қолдайды. Кестеде 1 атауларды, он алтылық кодты, RGB, HSL мәндерін және сипаттамасын көрсетеді.
| Аты | Түс | Код | RGB | HSL | Сипаттама |
|---|---|---|---|---|---|
| ақ | #ffffff немесе #fff | rgb(255,255,255) | hsl(0,0%,100%) | Ақ | |
| күміс | #c0c0c0 | rgb(192,192,192) | hsl(0,0%,75%) | Сұр | |
| сұр | #808080 | rgb(128,128,128) | hsl(0,0%,50%) | Қара сұр | |
| қара | #000000 немесе #000 | rgb(0,0,0) | hsl(0,0%,0%) | Қара | |
| қызыл қызыл | #800000 | rgb(128,0,0) | hsl(0,100%,25%) | Қою қызыл | |
| қызыл | #ff0000 немесе #f00 | rgb(255,0,0) | hsl(0,100%,50%) | Қызыл | |
| апельсин | #ffa500 | rgb(255,165,0) | hsl(38,8,100%,50%) | Апельсин | |
| сары | #ffff00 немесе #ff0 | rgb(255,255,0) | hsl(60,100%,50%) | Сары | |
| зәйтүн | #808000 | rgb(128,128,0) | hsl(60,100%,25%) | Зәйтүн | |
| әк | #00ff00 немесе #0f0 | rgb(0,255,0) | hsl(120,100%,50%) | Ашық жасыл | |
| жасыл | #008000 | rgb(0,128,0) | hsl(120,100%,25%) | Жасыл | |
| аква | #00ffff немесе #0ff | rgb(0,255,255) | hsl(180,100%,50%) | Көк | |
| көк | #0000ff немесе #00f | rgb(0,0,255) | hsl(240,100%,50%) | Көк | |
| теңіз флоты | #000080 | rgb(0,0,128) | hsl(240,100%,25%) | Қара көк | |
| көкшіл | #008080 | rgb(0,128,128) | hsl(180,100%,25%) | Көк-жасыл | |
| фуксия | #ff00ff немесе #f0f | rgb(255,0,255) | hsl(300,100%,50%) | Қызғылт | |
| күлгін | #800080 | rgb(128,0,128) | hsl(300,100%,25%) | күлгін |
RGB пайдалану
| Internet Explorer | Chrome | Опера | Сафари | Firefox | Android | iOS |
| 5.0+ | 1.0+ | 3.5+ | 1.3+ | 1.0+ | 1.0+ | 1.0+ |
Түсті қызыл, жасыл және көк мәндерді ондық сандармен анықтауға болады. Үш түсті құрамдастардың әрқайсысы 0-ден 255-ке дейінгі мәнді қабылдайды. Сондай-ақ, 100% 255 санына сәйкес келетін түсті пайызбен көрсетуге рұқсат етіледі. Алдымен, rgb кілт сөзін көрсетіңіз, содан кейін жақшадағы түс құрамдастарын көрсетіңіз. , үтірмен бөлінген, мысалы rgb(255 , 128, 128) немесе rgb(100%, 50%, 50%).
RGBA
| Internet Explorer | Chrome | Опера | Сафари | Firefox | Android | iOS |
| 9.0+ | 1.0+ | 10.0+ | 3.1+ | 3.0+ | 2.1+ | 2.0+ |
RGBA пішімі синтаксисі бойынша RGB форматына ұқсас, бірақ элементтің мөлдірлігін көрсететін альфа арнасын қамтиды. 0 мәні толығымен мөлдір, 1 мөлдір емес және 0,5 сияқты аралық мән жартылай мөлдір.
RGBA CSS3-ке қосылды, сондықтан CSS коды осы нұсқаға қарсы тексерілуі керек. Айта кету керек, CSS3 стандарты әлі де әзірлену үстінде және кейбір мүмкіндіктер өзгеруі мүмкін. Мысалы, background-color сипатына қосылған RGB пішіміндегі түс тексеріледі, бірақ фон сипатына қосылған түс енді жарамсыз. Сонымен қатар, браузерлер екі сипаттың да түсін дұрыс түсінеді.
HSL
| Internet Explorer | Chrome | Опера | Сафари | Firefox | Android | iOS |
| 9.0+ | 1.0+ | 9.6+ | 3.1+ | 3.0+ | 2.1+ | 2.0+ |
HSL пішімінің атауы Hue (реңк), Қанықтылық (қанықтылық) және Lightness (жеңілдік) бірінші әріптерінің тіркесімінен алынған. Реңк – түс дөңгелегіндегі түс мәні (1-сурет) және градуспен беріледі. 0° қызылға, 120° жасылға және 240° көкке сәйкес келеді. Реңк мәні 0-ден 359-ға дейін өзгеруі мүмкін.
Күріш. 1. Түс дөңгелегі
Қанықтылық – түс қарқындылығы және 0%-дан 100%-ға дейінгі пайызбен өлшенеді. 0% мәні түсті және сұр реңктің жоқтығын көрсетеді, 100% қанықтылықтың ең үлкен мәні болып табылады.
Ашықтық түс қаншалықты ашық екенін көрсетеді және 0%-дан 100%-ға дейінгі пайызбен көрсетіледі. Төмен мәндер түсті қараңғы етеді, ал жоғары мәндер 0% және 100% экстремалды мәндер қара және ақ түске сәйкес келеді;
HSLA
| Internet Explorer | Chrome | Опера | Сафари | Firefox | Android | iOS |
| 9.0+ | 1.0+ | 10.0+ | 3.1+ | 3.0+ | 2.1+ | 2.0+ |
HSLA пішімі синтаксисі бойынша HSL форматына ұқсас, бірақ элементтің мөлдірлігін көрсету үшін альфа арнасын қамтиды. 0 мәні толығымен мөлдір, 1 мөлдір емес және 0,5 сияқты аралық мән жартылай мөлдір.
RGBA, HSL және HSLA түс мәндері CSS3-ке қосылған, сондықтан осы пішімдерді пайдаланған кезде нұсқаның жарамдылығын тексеріңіз.
HTML5 CSS2.1 CSS3 IE Cr Op Sa Fx
Ескерту
Сайтта келтірілген арыстандарды аулаудың барлық әдістері теориялық және есептеу әдістеріне негізделген. Авторлар оларды пайдалану кезінде сіздің қауіпсіздігіңізге кепілдік бермейді және нәтижелер үшін жауапкершіліктен бас тартады. Есіңізде болсын, арыстан - жыртқыш және қауіпті жануар!
Бұл мысалдың нәтижесі суретте көрсетілген. 2.
Күріш. 2. Веб-беттегі түстер
>>Түстерді басқару
Он алтылық RGB түс мәндері
Түсті сипаттау және өңдеу әдістері бір-бірінен қандай түпкілікті бейнелеуге арналғандығымен ерекшеленеді. Мысалы, басып шығару және компьютер мониторлары үшін түстердің көрінісін салыстырайық. Бірінші жағдайда негіз алынады ақкейіннен үш негізгі түс қолданылатын қағаздың түсі: көк, күлгінЖәне сары. Бір-бірімен және әр түрлі пропорциядағы қағаздың ақ түсімен араласып, бұл үш негізгі түс таза қарадан басқа әртүрлі түсті реңктерді береді немесе бояулар толық болмаған кезде ақ қағазды береді. Оларға қара түс қоссақ, аламыз CMYK-ақ түстен жетіспейтін түстерді алып тастау арқылы қажетті түс алынғанда түсті беру әдісі.
Екінші жағдайда негіз алынады қарамонитор экранының түсі, оның әрбір ұяшығы үш түстің бірінде жарқырайды: қызыл-қызыл, жасыл- жасыл және көк- көк. Содан кейін, ешқандай жарқырау толық болмаған жағдайда, біз таза қара экран түсін аламыз және қажетті түстердің кез келгені үш түстің әрқайсысының қатынасы арқылы беріледі. Бұл жағдайда біз аламыз RGB-түстерді беру әдісі. Негізгі түстердің мәндері болуы мүмкін 0
бұрын 255
, немесе бастап 0%
бұрын 100%
, немесе он алтылық мән ретінде ұсынылуы мүмкін. Төмендегі суретте сіз негізгі түстерді араластыру нәтижелерін көре аласыз.
Он алтылық санау жүйесінде ондық санау жүйесінен айырмашылығы оның қатарында он емес, он алты цифры бар - осыдан аталды. Тиісінше, тек екі санның комбинацияларының қайталанбайтын нұсқалары болуы мүмкін - 256 , кейін сандар қатарын жалғастыру үшін 9 келген хаттар Абұрын Ф, сондықтан серия келесідей болады -
| 0,1,2,3,4,5,6,7,8,9,A,B,C,D,E,F. |
Бұл жағдайда түс әрқайсысы екі цифрдан тұратын үш он алтылық санмен көрсетіледі. Бірінші сан қарқындылықты анықтайды қызылтүстер, орташа жасыл, соңғы нәрсе - көктүстер. Барлық сандар диапазондағы мәндерді қабылдай алады 00 бұрын FF(0-ден 255-ке дейін). Мысалы: жасыл түс ретінде беріледі #00FF00, қызыл сияқты #FF0000, көк сияқты #0000FF, ақ тәрізді #FFFFFF, түстің немесе қараның толық болмауы ретінде беріледі #000000 .
Төмендегі пішінде сіз үш түстің әрқайсысы үшін кез келген он алтылық мәндерді көрсете аласыз және шығыс өрісінде басу арқылы оларды араластыру нәтижесін көре аласыз.
Кейбір он алтылық RGB түс мәндерінің мысалдары: қызыл, көк және жасыл градациялар.
| көрініс | код | көрініс | код | көрініс | код | көрініс | код | көрініс | код | көрініс | код |
| #010000 | #800000 | #000100 | #008000 | #000001 | #000080 | ||||||
| #100000 | #900000 | #001000 | #009000 | #000010 | #000090 | ||||||
| #200000 | #A00000 | #002000 | #00A000 | #000020 | #0000A0 | ||||||
| #300000 | #B00000 | #003000 | #00B000 | #000030 | #0000B0 | ||||||
| #400000 | #C00000 | #004000 | #00C000 | #000040 | #0000C0 | ||||||
| #500000 | #D00000 | #005000 | #00D000 | #000050 | #0000D0 | ||||||
| #600000 | #E00000 | #006000 | #00E000 | #000060 | #0000E0 | ||||||
| #700000 | #FF0000 | #007000 | #00FF00 | #000070 | #0000FF |
Жол литералдары арқылы түсті анықтау
Пайдаланудың қарапайымдылығы үшін кейбір түстер мен олардың комбинацияларына барлық браузерлер танитын атаулар берілді және олардың көпшілігін атау бойынша орнатуға мүмкіндік болды. Төмендегі кестеде кейбір түс атаулары көрсетілген:
| көрініс | Аты | көрініс | Аты | көрініс | Аты | көрініс | Аты |
| Ақ | Қызыл | Апельсин | Сары | ||||
| Жасыл | Көк | Күлгін | Қара | ||||
| Алиса көк | Антикалық ақ | Aqua | Аквамарин | ||||
| Лазур | Бежевый | Бискви | Бланшедалмонд | ||||
| Көк күлгін | Қоңыр | Берливуд | Кадет көк | ||||
| Шартрейза | Шоколад | Маржан | Жүгері көк | ||||
| Жүгері жібек | Қып-қызыл | Көгілдір | Қара көк | ||||
| Darkcyan | Қара алтын таяқша | Қара сұр | Қою жасыл | ||||
| Даркхаки | Darkmagenta | қаракөк жасыл | Қою сары | ||||
| Қарақорхид | Қараңғы | Қара лосось | Қара жасыл | ||||
| Қою көк | Darkslategray | Күңгірт көгілдір | Қою күлгін | ||||
| Қою қызғылт | Қою көк | Димгрей | Dodgerblue | ||||
| Отқа төзімді кірпіш | Гүлді ақ | Орман жасыл | Фушия | ||||
| Гейнсборо | Ghost White | Алтын | Алтын шыбық | ||||
| Сұр | Жасыл сары | Шіре бал | Hotpink | ||||
| Үнді қызыл | Индиго | Пил сүйегі | хаки | ||||
| Лаванда | Лаванда қызаруы | Лимонхифон | Көгілдір | ||||
| Жеңіл маржан | Жарықциан | Ашық суық сары | Ашық жасыл | ||||
| Ашық сұр | Ашық қызғылт | Жеңіл лосось | Ашық жасыл | ||||
| Ашық көк | Ашық тақта | Ашық болат көк | Ашық сары | ||||
| Әк | Әк жасыл | Зығыр | Қызыл қызыл | ||||
| Марун | Медиумаквамарин | Орташа көк | Ортаорхидея | ||||
| Орташа күлгін | Орташа жасыл | Орташа көк | Орташа көктемгі жасыл | ||||
| Орташа көгілдір | Орта күлгін | Түн ортасы көк | Жалбыз кремі | ||||
| Мистироза | Наважовайт | Әскери-теңіз күштері | Ескі шляпа | ||||
| Зәйтүн | Оливераб | Қызғылт сары | Орхидея | ||||
| Palegoldenrod | жасыл | Бояғыштар | Палевиолетред | ||||
| Папайя қамшысы | Шабдалы | Перу | Қызғылт | ||||
| Алхоры | Ұнтақ көк | Қызғылт қоңыр | Royal Blue | ||||
| Седл-қоңыр | Теңіз жасыл | Теңіз қабығы | Сиена | ||||
| Күміс | Көк аспан | Көгілдір көгілдір | Слейтегрей | ||||
| Қар | Көктемгі жасыл | Болат көк | Сары | ||||
| Қызғылт | Ошаған | Қызанақ | Бирюза | ||||
| күлгін | Бидай | Ақ түтін | Сары жасыл |
Қауіпсіз түстер палитрасын пайдалану
Өкінішке орай, әртүрлі жүйе параметрлері бар әртүрлі платформаларда түстерді дұрыс шығару проблема болып табылады. Мәселе мынада, браузер әрқашан түстерді дербес араластыру және оларды ауыстыру арқылы жүйенің параметрлері мен монитор мүмкіндіктеріне құжаттың түстер палитрасын реттеуге тырысады. Нәтижесінде, кейде пайдаланушы веб-шебердің оған көрсеткісі келетінін дәл көрмейді. Бұл жағдайдан шығудың жолы палитраны пайдалануда табылды, оның әр түсі әртүрлі платформалардағы барлық браузерлермен бірдей түрде көрсетілетініне кепілдік беріледі. Бұл деп аталатын нәрсе кепілдікпалитра деп те аталады қауіпсізпалитра. Бұл палитра түс құрамдастары келесі мәндерді қабылдайтын түстерді қамтиды: 00 ,33 ,66 ,99 , CC,FF, барлық мүмкін жолдармен 216 олардың комбинациялары.
| көрініс | код | көрініс | код | көрініс | код | көрініс | код | көрініс | код | көрініс | код |
| FFFFFF | CCCCCC | 999999 | 666666 | 333333 | 000000 | ||||||
| CCCC66 | CCCC33 | 999966 | 999933 | 999900 | 666600 | ||||||
| CCFF66 | CCFF00 | CCFF33 | CCCC99 | 666633 | 333300 | ||||||
| 99FF00 | 99FF33 | 99CC66 | 99CC00 | 99CC33 | 669900 | ||||||
| CCFF99 | 99FF99 | 66CC00 | 66CC33 | 669933 | 336600 | ||||||
| 66FF00 | 66FF33 | 33FF00 | 33CC00 | 339900 | 009900 | ||||||
| 33FF33 | 00FF33 | 00FF00 | 00CC00 | 33CC33 | 00CC33 | ||||||
| CCFFCC | 99CC99 | 66CC66 | 669966 | 336633 | 003300 | ||||||
| 99FF99 | 66FF66 | 33FF66 | 00FF66 | 339933 | 006600 | ||||||
| 66FF99 | 33FF99 | 00FF99 | 33CC66 | 00CC66 | 009933 | ||||||
| 66CC99 | 33CC99 | 00CC99 | 339966 | 009966 | 006633 | ||||||
| 99FFCC | 66FFCC | 33FFCC | 00FFCC | 33CCCC | 009999 | ||||||
| CCFFFF | 99FFFF | 66FFFF | 33FFFF | 00FFFF | 00CCCC | ||||||
| 99CCCC | 66CCCC | 339999 | 669999 | 006666 | 336666 | ||||||
| 66CCFF | 33CCFF | 00CCFF | 3399CC | 0099CC | 003333 | ||||||
| 99CCFF | 3399FF | 0099FF | 6699CC | 336699 | 006699 | ||||||
| 0066FF | 3366CC | 0066CC | 0033FF | 003399 | 003366 | ||||||
| 6699FF | 3366FF | 0000FF | 0000CC | 0033CC | 000033 | ||||||
| 3333FF | 3300FF | 3300CC | 3333CC | 000099 | 000066 | ||||||
| 9999CC | 6666FF | 6666CC | 666699 | 333399 | 333366 | ||||||
| CCCCFF | 9999FF | 6666FF | 6600FF | 330099 | 330066 | ||||||
| 9966CC | 9966FF | 6600CC | 6633CC | 663399 | 330033 | ||||||
| CC99FF | CC66FF | 9933FF | 9900FF | 660099 | 663366 | ||||||
| CC66FF | CC33FF | CC00FF | 9900CC | 996699 | 660066 | ||||||
| CC99CC | CC66CC | CC33CC | CC00CC | 990099 | 993399 | ||||||
| FFCCFF | FF99FF | FF66FF | FF33FF | FF00FF | CC3399 | ||||||
| FF66CC | FF00CC | FF33CC | CC6699 | CC0099 | 990066 | ||||||
| FF99CC | FF3399 | FF0099 | CC0066 | 993366 | 660033 | ||||||
| FF6699 | FF3399 | FF0066 | CC3366 | 996666 | 663333 | ||||||
| CC9999 | CC6666 | CC3333 | CC0000 | 990033 | 330000 | ||||||
| FFCCCC | FF9999 | FF6666 | FF3333 | FF0000 | CC0033 | ||||||
| FF6633 | CC3300 | FF3300 | FF0000 | CC0000 | 990000 | ||||||
| FFCC99 | FFCC66 | FF6600 | CC6633 | 993300 | 660000 | ||||||
| FF9900 | FF9933 | CC9966 | CC6600 | 996633 | 663300 | ||||||
| FFCC66 | FFCC00 | FFCC33 | CC9900 | CC9933 | 996600 | ||||||
| FFFFCC | FFFF99 | FFFF66 | FFFF33 | FFFF00 | CCCC00 |
HTML тілінде түсті үш жолмен көрсетуге болады:
HTML тіліндегі түсті оның аты бойынша орнату
Кейбір түстерді мән ретінде ағылшын тіліндегі түс атауын пайдаланып, олардың атымен көрсетуге болады. Ең көп таралған түйінді сөздер: қара, ақ, қызыл, жасыл, көк және т.б.:
Мәтіннің түсі – қызыл
World Wide Web Consortium (W3C) стандартының ең танымал түстері:
| Түс | Аты | Түс | Аты | Түс | Аты | Түс | Аты |
|---|---|---|---|---|---|---|---|
| Қара | Сұр | Күміс | Ақ | ||||
| Сары | Әк | Aqua | Фуксия | ||||
| Қызыл | Жасыл | Көк | Күлгін | ||||
| Марун | Зәйтүн | Әскери-теңіз күштері | Қызғылт |
Түрлі түс атауларын пайдалану мысалы:
Мысалы: түсті оның аты бойынша көрсету
- Өзіңіз көріңіз »
Қызыл фонда тақырып
Қызғылт сары фонда тақырып
Әк фонындағы тақырып
Көк фонда ақ мәтін
Қызыл фонда тақырып
Қызғылт сары фонда тақырып
Әк фонындағы тақырып
Көк фонда ақ мәтін
RGB көмегімен түсті анықтау
Мониторда әртүрлі түстерді көрсету кезінде RGB палитрасы негіз ретінде пайдаланылады. Кез келген түс үш негізгі түсті араластыру арқылы алынады: R - қызыл, G - жасыл, B - көк. Әрбір түстің жарықтығы бір байтпен беріледі және сондықтан 0-ден 255-ке дейінгі мәндерді қабылдай алады. Мысалы, RGB (255,0,0) қызыл болып көрсетіледі, себебі қызыл ең жоғары мәнге (255) орнатылған және қалғаны 0 мәніне орнатылған Түсті пайыз ретінде де орнатуға болады. Әрбір параметр сәйкес түстің жарықтық деңгейін көрсетеді. Мысалы: rgb(127, 255, 127) және rgb(50%, 100%, 50%) мәндері бірдей орташа жасыл түсті орнатады:
Мысал: RGB көмегімен түсті көрсету
- Өзіңіз көріңіз »
rgb(127, 255, 127)
rgb(50%, 100%, 50%)
rgb(127, 255, 127)
rgb(50%, 100%, 50%)
Түсті он алтылық мән бойынша орнатыңыз
Құндылықтар Р Г БСондай-ақ келесі пішіндегі он алтылық (HEX) түс мәндерін пайдаланып көрсетуге болады: #RRGGBB мұнда RR (қызыл), GG (жасыл) және BB (көк) 00-ден FF-ге дейінгі он алтылық мәндер (ондық 0-255 сияқты) ). Он алтылық жүйе ондық жүйеден айырмашылығы, аты айтып тұрғандай, 16 санына негізделген. Он алтылық жүйе келесі белгілерді пайдаланады: 0, 1, 2, 3, 4, 5, 6, 7, 8, 9, A, B, C, D, E, F. Мұнда 10-нан 15-ке дейінгі сандар латын әріптерімен ауыстырылады. Он алтылық жүйедегі 15-тен үлкен сандар екі таңбаны бір мәнге біріктіру арқылы көрсетіледі. Мысалы, ондық сандағы ең жоғары 255 саны он алтылықтағы ең жоғары FF мәніне сәйкес келеді. Ондық жүйеден айырмашылығы, он алтылық санның алдында хэш таңбасы болады. # , мысалы, #FF0000 қызыл болып көрсетіледі, себебі қызыл ең жоғары мәнге (FF) орнатылған, ал қалған түстер олардың ең төменгі мәніне (00) орнатылған. Хэш белгісінен кейінгі белгілер # Бас әріппен де, кіші әріппен де теруге болады. Он алтылық жүйе қысқартылған #rgb пішімін пайдалануға мүмкіндік береді, мұнда әрбір таңба екі есеге тең. Осылайша, #f7O жазбасы #ff7700 ретінде қарастырылуы керек.
Мысал: HEX түсі
- Өзіңіз көріңіз »
қызыл: #FF0000
жасыл: #00FF00
көк: #0000FF
қызыл: #FF0000
жасыл: #00FF00
көк: #0000FF
қызыл+жасыл=сары: #FFFF00
қызыл+көк=күлгін: #FF00FF
жасыл+көк=көгілдір: #00FFFF
Жалпы түстер тізімі (аты, HEX және RGB):
| Ағылшынша атауы | Орысша аты | Үлгі | HEX | RGB | ||
|---|---|---|---|---|---|---|
| Амарант | Амарант | #E52B50 | 229 | 43 | 80 | |
| Кәріптас | Кәріптас | #FFBF00 | 255 | 191 | 0 | |
| Aqua | Көк-жасыл | #00FFFF | 0 | 255 | 255 | |
| Лазур | Лазур | #007FFF | 0 | 127 | 255 | |
| Қара | Қара | #000000 | 0 | 0 | 0 | |
| Көк | Көк | #0000FF | 0 | 0 | 255 | |
| Бонди көк | Бонди жағажайының суы | №0095B6 | 0 | 149 | 182 | |
| Жез | Жез | #B5A642 | 181 | 166 | 66 | |
| Қоңыр | Қоңыр | №964B00 | 150 | 75 | 0 | |
| Cerulean | Лазур | #007BA7 | 0 | 123 | 167 | |
| Қара көктемгі жасыл | Қара көктемгі жасыл | #177245 | 23 | 114 | 69 | |
| Изумруд | Изумруд | #50C878 | 80 | 200 | 120 | |
| Баялды | Баялды | #990066 | 153 | 0 | 102 | |
| Фуксия | Фуксия | #FF00FF | 255 | 0 | 255 | |
| Алтын | Алтын | #FFD700 | 250 | 215 | 0 | |
| Сұр | Сұр | #808080 | 128 | 128 | 128 | |
| Жасыл | Жасыл | #00FF00 | 0 | 255 | 0 | |
| Индиго | Индиго | №4B0082 | 75 | 0 | 130 | |
| Нефрит | Нефрит | #00A86B | 0 | 168 | 107 | |
| Әк | Әк | #CCFF00 | 204 | 255 | 0 | |
| Малахит | Малахит | #0BDA51 | 11 | 218 | 81 | |
| Әскери-теңіз күштері | Қара көк | #000080 | 0 | 0 | 128 | |
| Очер | Очер | #CC7722 | 204 | 119 | 34 | |
| Зәйтүн | Зәйтүн | #808000 | 128 | 128 | 0 | |
| Апельсин | Апельсин | #FFA500 | 255 | 165 | 0 | |
| Шабдалы | Шабдалы | #FFE5B4 | 255 | 229 | 180 | |
| Асқабақ | Асқабақ | #FF7518 | 255 | 117 | 24 | |
| Күлгін | күлгін | #800080 | 128 | 0 | 128 | |
| Қызыл | Қызыл | #FF0000 | 255 | 0 | 0 | |
| Шафран | Шафран | #F4C430 | 244 | 196 | 48 | |
| Теңіз жасылы | Жасыл теңіз | №2E8B57 | 46 | 139 | 87 | |
| Батпақ жасыл | Болотный | #ACB78E | 172 | 183 | 142 | |
| Қызғылт | Көк-жасыл | #008080 | 0 | 128 | 128 | |
| Ультрамарин | Ультрамарин | #120A8F | 18 | 10 | 143 | |
| күлгін | күлгін | #8B00FF | 139 | 0 | 255 | |
| Сары | Сары | #FFFF00 | 255 | 255 | 0 | |
Қанықтылық және реңк бойынша түс кодтары (фон).
CSS-тегі түс кодтары түстерді анықтау үшін қолданылады. Әдетте түс кодтары немесе түс мәндері элементтің алдыңғы түсінің (мысалы, мәтін түсі, сілтеме түсі) немесе элементтің фон түсі (фон түсі, блок түсі) үшін түсті орнату үшін пайдаланылады. Оларды түйменің, жиектің, маркердің, меңзердің және басқа сәндік әсерлердің түсін өзгерту үшін де пайдалануға болады.
Түс мәндерін әртүрлі пішімдерде көрсетуге болады. Төмендегі кестеде барлық ықтимал пішімдердің тізімі берілген:
Тізімделген форматтар төменде толығырақ сипатталған.
CSS түстері - Hex кодтары
Он алтылық түс кодытүстің алты таңбалы көрінісі болып табылады. Алғашқы екі сан (RR) қызыл мәнді, келесі екеуі жасыл мәнді (GG) және соңғы екеуі көк мәнді (BB) білдіреді.
CSS түстері - қысқа алтылық кодтар
Қысқа он алтылық түс кодыалты таңбадан тұратын жазудың қысқаша түрі. Бұл пішімде әр сан баламалы алты таңбалы түс мәнін шығару үшін қайталанады. Мысалы: #0F0 #00FF00 болады.
Он алтылық мәнді Adobe Photoshop, Core Draw және т.б. сияқты кез келген графикалық бағдарламалық құралдан алуға болады.
CSS-тегі әрбір он алтылық түс кодының алдында "#" хэш белгісі болады. Төменде он алтылық белгілерді қолдану мысалдары берілген.
CSS түстері - RGB мәндері
RGB мәні rgb() қасиеті арқылы орнатылатын түс коды болып табылады. Бұл сипат үш мәнді қабылдайды: қызыл, жасыл және көк үшін әрқайсысы бір. Мән 0-ден 255-ке дейінгі бүтін сан немесе пайыз болуы мүмкін.
Ескерту:Барлық браузерлер rgb() түс сипатын қолдамайды, сондықтан оны пайдалану ұсынылмайды.
Төменде RGB мәндерін қолданатын бірнеше түстерді көрсететін мысал келтірілген.
Түс кодының генераторы
Сіз біздің қызметімізді пайдаланып миллиондаған түс кодтарын жасай аласыз.
Браузердің қауіпсіз түстері
Төменде ең қауіпсіз және компьютерден тәуелсіз 216 түсті кесте берілген. CSS-тегі бұл түстер 000000-нан FFFFFF он алтылық кодқа дейін ауытқиды. Оларды пайдалану қауіпсіз, себебі олар 256 түстер палитрасымен жұмыс істегенде барлық компьютерлердің түстерді дұрыс көрсетуін қамтамасыз етеді.
| 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 |