Rəng çevrilməsi
#ca4e4e
≈ Chestnut Rose
Varyasyonlar
Bu bölmənin məqsədi seçdiyiniz rəngin 10% artımla çalarlarını (təmiz ağ əlavə) və kölgələri (saf qara əlavə etmək) dəqiq şəkildə yaratmaqdır.
Pro İpucu: Hover vəziyyətləri və kölgələr üçün kölgələrdən, vurğulamalar və fonlar üçün rənglərdən istifadə edin.
Kölgələr
Əsas rənginizə qara əlavə etməklə daha tünd variasiyalar yaradılmışdır.
Rənglər
Əsas rənginizə ağ əlavə etməklə daha açıq variasiyalar yaradılmışdır.
Ümumi istifadə halları
- • UI komponenti vəziyyətləri (over, aktiv, qeyri-aktiv)
- • Kölgələr və işıqlandırmalarla dərinliyin yaradılması
- • Ardıcıl rəng sistemlərinin qurulması
Dizayn Sistemi İpucu
Bu varyasyonlar vahid rəng palitrasının əsasını təşkil edir. Bütün layihənizdə ardıcıllığı qorumaq üçün onları ixrac edin.
Rəng Kombinasiyaları
Hər bir harmoniyanın öz əhval-ruhiyyəsi var. Birlikdə yaxşı işləyən rəng kombinasiyalarını beyin fırtınası etmək üçün harmoniyalardan istifadə edin.
Necə istifadə etməli
Hex dəyərini kopyalamaq üçün istənilən rəngə klikləyin. Bu birləşmələrin vizual harmoniya yaratdığı riyazi olaraq sübut edilmişdir.
Niyə vacibdir
Rəng harmoniyaları tarazlıq yaradır və dizaynlarınızda xüsusi emosiyalar oyadır.
tamamlayıcı
Rəng çarxında rəng və onun əksi, +180 dərəcə çalar. Yüksək kontrast.
Split-tamamlayıcı
Bir rəng və onun tamamlayıcısına bitişik iki, əsas rəngin əksinə olan dəyərdən +/-30 dərəcə çalar. Düz bir tamamlayıcı kimi qalın, lakin daha çox yönlüdür.
triadik
Rəng çarxı boyunca hər biri bir-birindən 120 dərəcə çalarlarla bərabər şəkildə yerləşdirilmiş üç rəng. Bir rəngin üstünlük təşkil etməsinə icazə vermək və digərlərini vurğu kimi istifadə etmək yaxşıdır.
Analoq
Rəng çarxında bitişik olan çalarlarla eyni parlaqlıq və doyma üç rəng, 30 dərəcə bir-birindən. Hamar keçidlər.
Monoxromatik
Parlaqlıq dəyərləri +/-50% olan eyni çalarlı üç rəng. Zərif və zərif.
tetradik
60 dərəcə çalarlarla ayrılmış iki tamamlayıcı rəng dəsti.
Rəng nəzəriyyəsinin prinsipləri
Balans
Bir dominant rəngdən istifadə edin, ikinci dərəcəli ilə dəstəkləyin və diqqətli şəkildə vurğulayın.
Kontrast
Oxunma və əlçatanlıq üçün kifayət qədər kontrastı təmin edin.
Harmoniya
Rənglər vahid vizual təcrübə yaratmaq üçün birlikdə işləməlidir.
Rəng Kontrast Yoxlayıcısı
Mətnin oxunması üçün WCAG əlçatanlıq standartlarına cavab verməsini təmin etmək üçün rəng birləşmələrini sınaqdan keçirin.
Mətn Rəngi
Fon rəngi
Kontrast
WCAG Standartları
Hamı Dahidir. Ancaq bir balığı ağaca dırmaşmaq qabiliyyətinə görə mühakimə etsəniz, o, bütün ömrünü onun axmaq olduğuna inanaraq yaşayar.