Rəng çevrilməsi
#b400ff
≈ Electric Violet
Variasiyalar
Bu bölmənin məqsədi seçdiyiniz 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ə fonlar üçün tonlardan istifadə edin.
Kölgələr
Əsas rənginizə qara əlavə etməklə yaradılan daha tünd variasiyalar.
Tonlar
Əsas rənginizə 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
- • Davamlı 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. Layihənizin hər yerində uyğunluğu qorumaq üçün onları ixrac edin.
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ə edin.
Necə İstifadə Edilir
Hər hansı bir rəngin üzərinə klikləyərək onun hex dəyərini kopyalayın. Bu kombinlər vizual harmoniya yaratmaq üçün riyazi olaraq sübut edilmişdir.
Niyə Əhəmiyyətlidir
Rəng harmoniyaları dizaynlarınızda balans yaradır və xüsusi emosiyalar oyadır.
Komplement
Rəng çarxında bir rəng və onun əksi, +180 dərəcə ton. Yüksək kontrast.
Bölünmüş-komplementar
Bir rəng və onun komplementinə bitişik iki rəng, əsas rəngin əksinə olan dəyərdən +/-30 dərəcə ton. Düz komplement kimi cəsarətli, lakin daha çox yönlü.
Triadik
Rəng çarxında bərabər aralıqlarla yerləşən üç rəng, hər biri 120 dərəcə ton fərqi ilə. Ən yaxşısı bir rəngin dominant olmasına və digərlərini vurğu kimi istifadə etməyə imkan verir.
Analoji
Eyni parlaqlıq və doymaya malik üç rəng, rəng çarxında bitişik tonlarla, 30 dərəcə aralı. Yumşaq keçidlər.
Monoxromatik
Eyni tonun üç rəngi, 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ğunu az istifadə et.
Kontrast
Oxunaqlıq və əlçatanlıq üçün kifayət qədər kontrast təmin et.
Harmoniya
Rənglər birləşərək vahid vizual təcrübə yaratmalıdır.
Rəng kontrast yoxlayıcısı
Mətn oxunaqlığı üçü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 çox
Hər kəs bir dahidir. Amma balığı ağaca dırmaşmaq qabiliyyətinə görə mühakimə etsəniz, o, bütün həyatını axmaq olduğuna inanaraq yaşayacaq.