Rəng Çevrilməsi
#b400ff
≈ Electric Violet
Variasiyalar
Bu bölmənin məqsədi seçdiyin rəngin 10% artımlarla dəqiq şəkildə tonlarını (saf ağ əlavə edilmiş) və kölgələrini (saf qara əlavə edilmiş) yaratmaqdır.
Peşəkar Məsləhət: Hover vəziyyətləri və kölgələr üçün kölgələrdən, vurğular və arxa planlar üçün tonlardan istifadə et.
Kölgələr
Əsas rənginə qara əlavə etməklə yaradılan daha tünd variasiyalar.
Tonlar
Əsas rənginə ağ əlavə etməklə yaradılan daha açıq variasiyalar.
Ümumi İstifadə Halları
- • UI komponent vəziyyətləri (hover, aktiv, deaktiv)
- • Kölgələr və vurğularla dərinlik yaratmaq
- • Uyğun rəng sistemləri qurmaq
Dizayn Sistemi Məsləhəti
Bu variasiyalar uyğun bir rəng palitrasının əsasını təşkil edir. Onları bütün layihənizdə uyğunluğu qorumaq üçün ixrac et.
Rəng Kombinasiyaları
Hər harmoniya öz əhval-ruhiyyəsinə malikdir. Yaxşı işləyən rəng kombinasiyalarını düşünmək üçün harmoniyalardan istifadə et.
Necə İstifadə Etməli
Hər hansı bir rəngin üzərinə klikləyərək onun hex dəyərini kopyala. Bu kombinasiyalar vizual harmoniya yaratmaq üçün riyazi olaraq sübut edilmişdir.
Niyə Əhəmiyyətlidir
Rəng harmoniyaları dizaynlarında balans yaradır və xüsusi emosiyalar oyadır.
Komplement
Rəng çarxında bir rəng və onun əksi, +180 dərəcə rəng tonu. Yüksək kontrast.
Split-komplementar
Bir rəng və onun komplementinə bitişik iki rəng, əsas rəngin əks dəyərindən +/-30 dərəcə rəng tonu. Düz komplement kimi cəsarətli, lakin daha çox yönlü.
Triadik
Rəng çarxında bərabər aralıqda yerləşən üç rəng, hər biri 120 dərəcə rəng tonu ilə ayrılır. Ən yaxşısı bir rəngin dominant olmasına icazə vermək və digərlərini vurğu kimi istifadə etməkdir.
Analoji
Eyni parlaqlıq və doymaya malik üç rəng, rəng çarxında bitişik olan rəng tonları ilə, 30 dərəcə aralı. Yumşaq keçidlər.
Monoxromatik
Eyni rəng tonuna malik üç rəng, parlaqlıq dəyərləri +/-50%. Zərif və incə.
Tetradik
İki dəst tamamlayıcı rəng, 60 dərəcə rəng çaları ilə ayrılır.
Rəng nəzəriyyəsi prinsipləri
Balans
Bir dominant rəngdən istifadə et, ikincil ilə dəstəklə və vurğuları az istifadə et.
Kontrast
Oxunaqlıq və əlçatanlıq üçün kifayət qədər kontrast təmin et.
Harmoniya
Rənglər birlikdə işləyərək vahid vizual təcrübə yaratmalıdır.
Rəng Kontrast Yoxlayıcısı
Mətn oxunaqlılığı üçün WCAG əlçatanlıq standartlarına cavab verdiyinə əmin olmaq üçün rəng kombinasiyalarını sınaqdan keçir.
Mətn Rəngi
Fon Rəngi
Kontrast
WCAG Standartları
Ətraflı Kontrast Yoxlayıcısı
Sürgülərlə incə tənzimləmə, çoxlu önizləmələr və daha çoxu
Hər kəs bir dahidir. Amma balığı ağaca dırmaşmaq qabiliyyətinə görə mühakimə etsən, o, bütün ömrü boyu axmaq olduğuna inanaraq yaşayacaq.