Потребна вам је боја за модел, графикон или празно платно, а радије не бисте бирали из навике? Овај бесплатни генератор случајних боја извлачи боје из пуног 24-битног распона који екран може да прикаже и поставља сваку на узорак боје поред њеног кода. Изаберите колико боја желите у пољу „Број“ — било шта од 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 боја, или свака боја унутар распона који поставите, има исту шансу при сваком генерисању, извучена из криптографског извора вашег прегледача и никада се нигде не шаље.