#777831 · Rəng kodu generatoru və seçici

Rəng kodları, variasiyalar, harmoniyalar yaradın və kontrast nisbətlərini yoxlayın.

Rəng çevrilməsi

#777831

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.

Ən yaxşısı: Yüksək təsirli dizaynlar, CTA-lar, loqolar

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ü.

Ən yaxşısı: Canlı, lakin balanslı tərtibatlar

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.

Ən yaxşısı: Əyləncəli, enerjili dizaynlar

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.

Ən yaxşısı: Təbiətdən ilhamlanan, sakitləşdirici interfeyslər

Monoxromatik

Eyni tonun üç rəngi, parlaqlıq dəyərləri +/-50%. Zərif və incə.

Ən yaxşısı: Minimalist, zərif dizaynlar

Tetradik

İki dəst tamamlayıcı rəng, 60 dərəcə rəng çaları ilə ayrılır.

Ən yaxşısı: Zəngin, müxtəlif rəng sxemləri

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.

Kontrast

1.00
common.contrastFail
Çox zəif
Kiçik mətn
common.contrastFail
Böyük mətn
common.contrastFail

WCAG Standartları

AA:Adi mətn üçün minimum 4.5:1 və böyük mətn üçün 3:1 kontrast nisbəti. Əksər veb saytlar üçün tələb olunur.
AAA:Adi mətn üçün 7:1 və böyük mətn üçün 4.5:1 təkmilləşdirilmiş kontrast nisbəti. Optimal əlçatanlıq üçün tövsiyə olunur.
Bütün mətn ölçüləri üçün kifayət qədər kontrast yoxdur - WCAG standartlarına uyğun deyil.

Ə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.

contrastChecker.quote1Author

Texniki formatlar

Video istehsalı, fotoqrafiya, elmi tətbiqlər və rəng idarəetmə sistemlərində istifadə olunan qabaqcıl rəng məkanları və peşəkar rəng modellərini araşdırın. Bu texniki formatlar xüsusi sənaye və tətbiqlər üçün dəqiq rəng spesifikasiyaları təmin edir.

Praktik formatlar

Rəngləri çap simulyasiyası, LED ekranlar, terminal çıxışı və məlumat kodlaşdırması daxil olmaqla real dünya tətbiqləri üçün praktik formatlara çevir. Bu formatlar rəngləri müxtəlif media, platformalar və fiziki cihazlar arasında tətbiq etməyə kömək edir.

Rəng Analizi

Spektral tərkib, rəng saflığı, metamerizm effektləri və qavrayış xüsusiyyətləri daxil olmaqla, inkişaf etmiş metriklərlə rəng xüsusiyyətlərini təhlil edin. Bu alətlər müxtəlif baxış şərtləri altında rəng davranışı və görünüşü haqqında dərin anlayışlar təmin edir.

Korluq simulyatoru

Daha əlçatan dizaynlar yaratmaq üçün rəngin müxtəlif rəng korluğu növlərinə malik insanlar tərəfindən necə qəbul edildiyini yoxlayın. Rəng qavrayışını başa düşmək məzmununuzun hər kəs üçün əlçatan olmasını təmin etməyə kömək edir.

Yaradıcı aspektlər

Rənglərin mövsümi assosiasiyalar, emosional təsir, təbii hadisələr, tarixi piqmentlər və yaradıcı tətbiqlər üçün rəng qarışdırma reseptləri daxil olmaqla bədii və psixoloji ölçülərini araşdır.