Rəng palitrası yarat

Optik rəng nəzəriyyəsində harmonik münasibətlər 360 dərəcəlik silindrik rəng çarxı üzrə dəqiq bucaq məsafələri ilə idarə olunur. Palitra yaratma mühərrikimiz rəngləri qütb koordinatları kimi modelləşdirir: Hue (çalar) bucağı $\theta \in [0^\circ, 360^\circ]$, Saturation (doyğunluq) mərkəzdən radial məsafəni, Lightness (açıqlıq) isə şaquli hündürlüyü ifadə edir. İstənilən toxum rəngindən mühərrik beş əsas sxem qurur: 1. Tamamlayıcı harmoniyalar ($\theta + 180^\circ$): Baza çaları rəng çarxında onun dəqiq antipodal əksi ilə cütləşdirir. Bu, mümkün olan ən yüksək xromatik kontrastı yaradır və onu yüksək konversiyalı hərəkətə çağırış (CTA) düymələri, xəta nişanları və aktiv vəziyyət göstəriciləri üçün sənaye standartına çevirir. 2. Analoji harmoniyalar ($\theta \pm 30^\circ$ ilə $\theta \pm 45^\circ$ arası): Rəng çarxında qonşu çalarları seçir. Analoji palitralar təbii, üzvi sakitlik oyadır (məsələn, zümrüd yaşıllarına qarışan okean firuzəyiləri) və rahat, az sürtünməli fon və naviqasiya atmosferləri yaradır. 3. Triad harmoniyalar ($\theta + 120^\circ, \theta + 240^\circ$): Rəng çarxı üzrə bərabərtərəfli üçbucaq əmələ gətirir. Triad sxemlər sabit struktur balansını qoruyaraq canlı, oynaq enerji verir və istehlakçı proqram təminatında və gənclik həyat tərzi brendinqində geniş üstünlük qazanır. 4. Bölünmüş tamamlayıcı harmoniyalar ($\theta + 150^\circ, \theta + 210^\circ$): Baza rəngini onun tamamlayıcısına bitişik iki rənglə birləşdirir və təmiz tamamlayıcıların bəzən yaratdığı sərt, gözü yoran titrəmə olmadan yüksək vizual incəlik təqdim edir. 5. Monoxrom ton şkalaları (sabit $\theta$): Çaları dəyişməz saxlayaraq Açıqlığı və Doyğunluğu dəyişir, incə, təmkinli korporativ lüks təəssüratı yaradır.

Müasir frontend freymvorkları (Tailwind CSS kimi) rəngləri standartlaşdırılmış 10 addımlı ədədi şkalalarda təşkil edir: `50, 100, 200, 300, 400, 500, 600, 700, 800, 900, 950`. Əsas brend rəngi adətən `500` addımında dayanır. Lakin ətraf çalarları yaratmaq sadə xətti solma deyil: RGB fəzasında xətti interpolyasiya kölgələrdə solğun, bulanıq qəhvəyilər, işıqlı hissələrdə isə təbaşirli, doyğunluğunu itirmiş pasteller yaradır.

Mühərrikimiz qavrayış əsaslı qeyri-xətti ton əyrisi interpolyasiyasını tətbiq edir. Açıq tonlar (50-dən 400-ə) üçün alqoritm neon parıltısının qarşısını almaq məqsədilə Doyğunluğu ($S$) yumşaq azaldaraq Açıqlığı ($L$) tədricən 98%-ə doğru qaldırır. Tünd çalarlar (600-dən 950-yə) üçün Açıqlıq 8%-ə doğru sıxılır, xromatik sıxlıq isə bulanıq qara kəsilməsinin qarşısını almaq üçün tənzimlənir. Nəticə hər addımın vizual olaraq əlaqəli hiss olunduğu parlaq, ahəngdar şkaladır və tərtibatçılara fonları, incə haşiyələri, hover vəziyyətlərini və aktiv basılmış vəziyyətləri riyazi ardıcıllıqla üslublamağa imkan verir.

Rəqəmsal əlçatanlıq beynəlxalq uyğunluq standartları (ADA Title III, Avropa Əlçatanlıq Aktı, Section 508) üzrə hüquqi tələbdir. Veb Məzmun Əlçatanlığı Qaydaları (WCAG 2.1) ön plan mətni ilə altdakı fon rəngləri arasında xüsusi kontrast nisbətləri tələb edir: - AA səviyyəsi (normal mətn): Minimum kontrast nisbəti $4.5:1$. - AA səviyyəsi (böyük mətn $\ge 18\text{pt}$): Minimum kontrast nisbəti $3.0:1$. - AAA səviyyəsi (gücləndirilmiş kontrast): Minimum kontrast nisbəti $7.0:1$. Generatorumuz hər yaradılmış nümunənin nisbi parlaqlığını xəttiləşdirilmiş sRGB əmsallarından istifadə edərək qiymətləndirir: $L = 0.2126R_{\text{lin}} + 0.7152G_{\text{lin}} + 0.0722B_{\text{lin}}$. Kontrast nisbəti $CR$ standart ağ (#FFFFFF) və tünd şifer (#0F172A) fonlarına qarşı hesablanır: $$CR = \frac{L_{\text{lighter}} + 0.05}{L_{\text{darker}} + 0.05}$$ Real vaxt vizual nişanlar frontend mühəndislərinə şkaladakı hansı çalarların hüquqi olaraq ağ və ya qara mətn daşıya biləcəyini dəqiq göstərir və kod auditləri zamanı əlçatanlıqla bağlı yenidən işləmə ehtiyacını aradan qaldırır.

Təcrübəsiz dizaynerlərin ümumi səhvi rəngləri interfeys üzrə bərabər paylamaqdır ki, bu da vizual xaosla nəticələnir. Peşəkar bədii rəhbərlər zamansız 60-30-10 qaydasına əməl edirlər: 1. 60% dominant təməl: Neytral kətan fonu (açıq rejimdə adətən 50 və ya 100 addımı, tünd rejimdə isə 900/950 addımı), sakit vizual məkan yaradır. 2. 30% struktur ikinci dərəcəli: Kartlar, yan panellər, haşiyələr, aktiv naviqasiya düymələri və ikinci dərəcəli tipoqrafiya (adətən 200, 300 və 700 addımları), struktur aydınlığı təmin edir. 3. 10% canlı vurğu: Yüksək kontrastlı tamamlayıcı və ya triad rəng (500 və ya 600 addımı), yalnız əsas əməliyyat düymələri, bildiriş nişanları və kritik konversiya keçidləri üçün ayrılır. İstifadəçi ekrana nəzər saldıqda 10% vurğu dərhal onun baxışını cəlb edir.

Xam ilhamı istehsala hazır veb aktivlərinə çevirmək üçün Rəng palitrası yarat alətini 2run.tools dəstindəki qonşu alətlərlə birləşdirin: 1. Əsas rəngləri çıxar və ya Damcı ilə rəng seçici ilə çıxarma: Mənbə fotonuzdan və ya əhval lövhəsi aktivinizdən əsas qəhrəman çalarını nümunələyin. 2. Rəng palitrası yarat ilə harmonik sistemin yaradılması: Tamamlayıcı, analoji və ya triad sxemləri sintez edin və tam 10 addımlı ton şkalasını yaradın. 3. Əlçatanlıq yoxlaması: Əlçatan düymə və tipoqrafiya rəng kombinasiyalarını seçmək üçün WCAG kontrast nişanlarını nəzərdən keçirin. 4. Qrafik aktivlərin üslublanması: Reklam qrafikalarını vahidləşdirmək üçün yeni yaradılmış brend vurğu kodlarınızı Çərçivə əlavə et və ya Rəng tonu örtüyü daxilində tətbiq edin. 5. Tərtibatçı tokenlərinin təhvili: İstehsala hazır CSS xüsusi xassələrini (`:root { --color-primary-500: #...; }`) və ya Tailwind konfiqurasiya obyektlərini birbaşa kod repozitorinizə kopyalamaq üçün ixrac düyməsinə klikləyin.