Rəng Palitrası Generatoru

Oflayn işləyirHeç nə yüklənmirPulsuz, qeydiyyatsız
və ya Space basın Kilidli rənglər təsadüfi seçimdə və harmoniya dəyişəndə yerində qalır.

İxrac

İstənilən əsas rəngdən və harmoniya qaydasından beşrəngli palitralar yaradın — komplementar, analoji, triadik və s. — dəqiq ton riyaziyyatı, bir-klik kopyalama və CSS dəyişənləri yaxud JSON ixracı ilə. Təzə palitra üçün Space basın.

İşə görə harmoniya seçimi

Nə düzəldirsinizBunu götürünNiyə
sakit məzmun saytıanaloji və ya monoqonşu tonlar məzmunla yarışmır
xəbərdarlıqlı panelkomplementarəks ton halları gözdən qaçmaz edir
canlı görünməli brendtriadik və ya tetradikbərabər aralıq düşünülmüş müxtəliflik kimi oxunur
kontrastın təhlükəsiz formasıbölünmüş komplementaryaxın-əkslər titrəyişsiz gərginlik verir

Harmoniya nə olursa olsun, nisbət tonlardan vacibdir: klassik qayda — 60% dominant, 30% ikinci, 10% vurğu. Beş rəng bərabər beşdə-birlərlə işlənəndə səs-küy kimi oxunur; eyni beş rəng 60/30/10 nisbətində dizayn kimi oxunur.

Hər şey yerli işləyir; yaratdığınız heç nə brauzerinizdən çıxmır.

Tez-tez verilən suallar

Harmoniya adları nə deməkdir?

Əsas rənginizə nəzərən rəng çarxındakı mövqelərdir. Komplementar düz qarşıda durur (180°) — maksimum kontrast, vurğular üçün yaxşıdır. Analoji 30° içindəki qonşuları götürür — sakit, təbii sxemlər. Triadik üç tonu bərabər (120° ara ilə), tetradik dördünü (90°) yerləşdirir; ikisi də canlı amma düşünülmüş görünən sxemlər verir. Bölünmüş komplementar əks cütü yumşaldır — qarşıdakının yanındakı iki rəngi (150° və 210°) işlədir. Monoxrom bir tonu saxlayıb açıqlığı gəzir — mövcud ən təhlükəsiz sxem.

Niyə beş rəng və əlavələr haradan gəlir?

Beş, real interfeys palitrasının işlək ölçüsüdür: dominant, ikinci, vurğu və iki köməkçi ton. Harmoniya beşdən az ton təyin edəndə — komplementarda iki, triadikdə üç — qalan yerlər eyni tonları pilləli açıqlıqda təkrar ziyarət edir: ikitonlu palitra dublikat əvəzinə açıq və tünd variantlar qazanır. Ton riyaziyyatı dərəcəyə qədər dəqiqdir — palitranı təkrarolunan edən budur.

Palitranı layihəmdə necə işlədim?

Hex kodu kopyalamaq üçün istənilən rəngə klikləyin, ya da ixrac qutusunu işlədin: CSS dəyişənləri --color-1-dən --color-5-ə qədər birbaşa üslub faylına yapışır, JSON dizayn alətlərinə və skriptlərə idxal olunur, hex siyahısı qalan hər şeyə. Adi xəritələmə: --color-1 səthlərə, orta tonlar mətn və haşiyələrə, ən doymuş rəng vurğuya.

Harmonik palitra oxunaqlı mətnə zəmanət verirmi?

Xeyr — harmoniya ton münasibətləri haqqındadır, oxunaqlıq parlaqlıq kontrastı haqqında, ikisi müstəqildir. Gözəl harmonik iki rəng üst-üstə oxunmaz ola bilər. Rəngli fonda mətn göndərməzdən əvvəl cütü bu saytın rəng çeviricisində yoxlayın — dəqiq WCAG nisbətini keçir/keçmir hökmü ilə hesablayır.

Təsadüfi düymə əslində nəyi təsadüfləşdirir?

Əsas rəngin tonunu bütün çarx üzrə, doymuşluq və açıqlığını hər harmoniyanın hələ palitra kimi oxunduğu zolaqda (55–85% doymuşluq, 42–60% açıqlıq) və harmoniya qaydasının özünü. Sərhədlər təsadüfi nəticələrin solğun və ya neon yox, təqdimata yararlı görünməsinin səbəbidir — xoşunuza gələn əsası görəndə harmoniyaları dəyişmək onu determinist şəkildə araşdırır.

Serverə nəsə göndərilirmi?

Xeyr. Palitra riyaziyyatı tamamilə brauzerinizdə işləyir — CSS-inizin edəcəyi eyni ton hesabı — seçdiyiniz və yaratdığınız heç nə səhifədən çıxmır.

Oxşar alətlər