Ви треба боја за модел на дизајн, графикон или празно платно, а не сакате да изберете некоја од навика? Овој бесплатен генератор на случајни бои избира бои од целосниот 24-bit опсег што екранот може да го прикаже и ја поставува секоја на примерок веднаш до нејзиниот код. Изберете колку сакате во полето „Број“ — од 1 до 50 — означете ги форматите што ви се потребни и притиснете „Генерирај“. Страницата се отвора со една боја во HEX, па првиот резултат е оддалечен само еден клик. Полето „HEX код“ е означено уште од почеток, опциите „RGB код“ и „HSL код“ стојат до него, а која било комбинација од трите може да се вклучи одеднаш. Копчето со запченик веднаш до „Генерирај“ го отвора панелот „Напредни опции“, каде што можете да ги ограничите боите на еден вид или опсег, да исклучите повторувања и да смените како се запишува HEX.
Секоја боја се создава во вашиот прелистувач преку Web Crypto API (crypto.getRandomValues), кој обезбедува криптографски сигурни случајни бајти од сопствениот извор на ентропија на вашиот систем, наместо преку псевдослучајна функција како што е Math.random(). Бојата на екранот се состои од три канали — црвен, зелен и син — секој со цел број од 0 до 255, а еден случаен бајт може да прими точно 256 вредности. Така, секој канал е едноставно еден бајт, без никакви меѓучекори: не се пресметува остаток и ниедна нијанса не е фаворизирана со чекор на конверзија. Тоа ги прави сите 16.777.216 бои што страницата може да ги создаде подеднакво веројатни, секој пат кога ќе притиснете „Генерирај“. Потесен опсег во панелот „Напредни опции“ го задржува тоа правило внатре во опсегот: боите сè уште се извлекуваат од целиот простор, а оние што паѓаат надвор се отфрлаат, па секоја боја што опсегот ја дозволува има еднаква шанса. Ништо не се испраќа на сервер, ништо не се бележи, а откако страницата ќе се вчита, таа продолжува да работи и со исклучена интернет врска.
Трите формати ја опишуваат истата боја на три начини. Форматот „HEX код“ е шестцифрена форма што се користи во CSS и во повеќето алатки за дизајн, како #0778ff; се запишува со мали букви со почетен знак #, а опциите „Големи букви“ и „Без #“ во панелот „Напредни опции“ го менуваат тоа за алатки што очекуваат поинаков запис. Форматот „RGB код“ ги наведува трите канали, како во rgb(7, 120, 255), што одговара на код кој работи со секој канал поединечно. Форматот „HSL код“ ја опишува бојата според нијанса, заситеност и светлина, како во hsl(213, 100%, 51%), што е најлесна форма за рачно прилагодување подоцна. Сите три може да се залепат директно во CSS. Сепак, тие не се подеднакво прецизни. HEX и RGB се точни; HSL е заокружен. Страницата ги запишува нијансата, заситеноста и светлината како цели броеви, а за околу 89% од боите таа заокружена вредност не се претвора назад во сосема истата боја: #646503 е прикажан како hsl(61, 94%, 20%), што се претвора назад во #616303. Разликата никогаш не е поголема од 5 чекори во еден канал и обично е 1 или 2 — невидлива на екранот, но реална ако ја зачувате вредноста во HSL и очекувате да го добиете назад првичниот HEX. Затоа вредноста чувајте ја во HEX или RGB.
Една боја се појавува како единечна картичка на средината од резултатот; повеќе се појавуваат како нумерирана листа, по една боја во ред, со избраните формати еден до друг и мала ознака за контраст на крајот. Листа со повеќе од три бои се скролува во рамката, а стрелката во нејзиниот агол ја отвора до целата висина; страницата памети како сте ја оставиле. Кликнете на кој било код за да го копирате само тој код. Копчето за копирање на крајот од редот ги копира сите кодови за таа боја во еден ред, одделени со празно место. Кликнете на самиот примерок на боја и ќе се отвори избирачот на бои на вашиот прелистувач: изберете друга боја таму и секој код во тој ред ќе се препише за да се совпадне, во секој формат што сте го вклучиле, заедно со неговата ознака. Копчето „Копирај сѐ“ ја копира целата група, по една боја во секој ред, а копчето „Зачувај во датотека“ го запишува истиот текст во обична .txt датотека; двете ги земаат предвид сите бои што сте ги смениле во избирачот. Делот „Историја“ ги чува вашите последни 10 групи во овој прелистувач, точно онака како што биле генерирани, а копчето „Исчисти“ го празни резултатот. Вашите поставки, вклучувајќи ги и оние во „Напредни опции“, се паметат за следната посета.
Подеднакво веројатните бои не изгледаат рамномерно распоредени, а сознанието што да очекувате ве поштедува од притискање на „Генерирај“ од погрешна причина. Мерено низ целиот опсег, околу 35% од боите се сјајни и заситени, со HSL заситеност од најмалку 70% и светлина помеѓу 35% и 65%. Боите блиски до сива, со заситеност под 20%, изнесуваат само околу 4%, а многу темните бои (со светлина под 20%) и многу светлите (над 80%) се околу 3% поединечно. Затоа, група од десет бои од опцијата „Сите бои“ обично ќе содржи неколку силни бои, а ретко пастелна или темно сива. Кога ви е потребен одреден вид, изберете го во менито „Тип на боја“: опцијата „Јарки“ ја задржува токму таа заситена група, а „Пастелни“, „Темни“, „Придушени“ и „Нијанси на сива“ го прават истото за своите групи. Опцијата „Прилагодени“ ви овозможува да поставите сопствени опсези за „Нијанса“, „Заситеност“ и „Светлина“, а опсегот на нијанси може да помине и преку 0, па од 330 до 30 дава црвени нијанси. Опсегот се проверува според HSL кодот што го прикажува страницата, па ниеден код не излегува надвор од него, а ако содржи премалку бои за вредноста во полето „Број“, страницата бара да го проширите наместо да ги повторува боите. Повторувањата инаку се можни, но ретки: означете „Без повторувања“ за да ги исклучите, а без тоа шансата две од 50 бои од целиот опсег да излезат идентични е околу 1 на 13.700.
Случајна боја честопати се бара како позадина, што го отвора единственото прашање на кое примерокот не може да одговори со голо око: дали текстот врз неа ќе биде читлив? Насоките за веб-пристапност, WCAG, бараат сооднос на контраст од најмалку 4,5:1 за нормален текст. Мерено на секоја боја што може да ја создаде оваа страница, црниот текст го постигнува тоа на околу 65% од нив, а белиот текст на околу 36%, и не постои боја на која и двата потфрлаат: подобриот од двата секогаш достигнува барем 4,58:1. Така, за која било случајна позадина, црниот или белиот текст ќе биде читлив, а страницата ви покажува кој од нив. До секоја боја се прикажува мала ознака која испишува Aa во подобрата од двете варијанти, проследено со нејзиниот сооднос на контраст. Соодносот е заокружен надолу, па никогаш не дава преценета вредност за бојата, и се ажурира кога ќе ја промените бојата во избирачот. Ознаката споредува само црн и бел текст; за боја на бренд или за која било друга боја на текст, проверете го парот преку алатка за проверка на контраст.
Случајно не е исто што и хармонично. Секоја боја во една група се извлекува поединечно, без знаење за другите, па генераторот никогаш не гради палета во смисла на дизајнерски правила — нема комплементарни парови, нема аналогни низи, нема заедничка светлина. Потесен опсег го менува карактерот на групата, но не и тоа правило: пастелните бои или низата сини нијанси сè уште пристигнуваат една по една, без ништо што ги поврзува меѓусебно. Тоа е и целта: алатката ви дава боја што не би ја избрале самите, а тоа ја разбива навиката или креативната блокада. За да претворите случајно пронајдена боја во нешто корисно, задржете ја бојата што ви се допаѓа и изведете ги другите од неа, наместо да притискате „Генерирај“ сè додека цел комплет случајно не се усогласи. Задржете ја нејзината нијанса и менувајте ја светлината за посветли и потемни варијанти, или завртете ја нијансата за 180 степени за да добиете спротивна боја. Форматот „HSL код“ овозможува тие чекори да бидат аритметика наместо нагаѓање.
Зошто да го изберете овој генератор на случајни бои?
- Секоја боја се создава во вашиот прелистувач преку Web Crypto API, без испраќање податоци
- Сите 16.777.216 бои се точно подеднакво веројатни, со еден случаен бајт по канал
- HEX, RGB и HSL кодови за истата боја, во која било комбинација
- До 50 бои одеднаш, секоја на примерок со ознака за контраст на текст
- Избор на Јарки, Пастелни, Темни, Придушени и Нијанси на сива, или сопствен опсег на нијанса, заситеност и светлина
- Опција Без повторувања кога ви е потребна, и HEX со големи букви или без #
- Кликнете на код за да го копирате, или променете која било боја во избирачот на прелистувачот
- Копчиња Копирај сѐ, Зачувај во датотека и Историја за вашите последни 10 групи во прелистувачот
- Бесплатно и неограничено: без регистрација, без квоти и без чување на нашите сервери
Случајните бои се корисни секаде каде што е потребна боја пред некој да донесе конечна одлука. Дизајнерите ги користат за да надминат креативна блокада и да пронајдат почетна точка до која нивната вообичаена палета никогаш не би стигнала. Програмерите пополнуваат модели на интерфејс, привремени слики и аватари, на секоја серија во графикон ѝ доделуваат сопствена боја додека вистинската тема сè уште не е одредена, и тестираат како интерфејсот се справува со позадини за кои не бил првично наменет — група од 50 бои од опцијата „Сите бои“ речиси секогаш вклучува барем една многу темна или многу светла боја, а опциите „Темни“ или „Пастелни“ го насочуваат тестот кон едната крајност. Авторите на генеративна уметност и создавачите на прототипови за игри директно ги внесуваат вредностите во код, каде што формата RGB одговара на повеќето графички библиотеки. Наставниците ги поставуваат трите формати еден до друг за да покажат дека една боја може да се запише како код, како три канали или како позиција на тркалото на бои, и зошто верзијата HSL е заокружена. А секој што означува, категоризира или кодира листа со бои добива лесно распознатливи бои без долго двоумење кои да ги одбере.
Вреди да се знаат неколку искрени ограничувања. Ова е генератор, а не алатка за палети: тој не создава хармонии на бои и не задржува една боја фиксна додека другите се менуваат, а потесниот опсег дава бои од еден вид, а не бои избрани да се согласуваат заедно. Ознаката за контраст споредува само црн и бел текст. Страницата работи во sRGB боите што ги прикажува екранот — HEX, RGB и HSL — без транспарентност и без CMYK, Pantone, OKLCH или именувани CSS бои; за печатење, усогласете ја бојата во подготовката за печат наместо да се потпирате на код од екран. Истиот код може да изгледа малку поинаку на различни дисплеи, бидејќи екраните не се еднакво калибрирани. Вредностите во HSL се заокружуваат, како што е опишано погоре, и доколку опцијата „Без повторувања“ не е означена, групата не се проверува за дупликати. Она што страницата навистина го гарантира е прецизно и точно: секоја од нејзините 16.777.216 бои, или секоја боја во рамките на опсегот што ќе го поставите, има иста шанса при секое притискање, извлечена од криптографскиот извор на вашиот прелистувач и никогаш не испратена на друго место.