Pulsuz Rəng Palitrasının Generatoru
İstənilən əsas rəngdən tamamlayıcı, analoji, üçlü və monoxromatik rəng palitrasıları yaradın. Hex kodlarını bir klikdə kopyalayın.
Hex kod, teal və ya tomato kimi rəng adı, yaxud rgb(20, 184, 166) / hsl(174, 80%, 40%) yazın, sonra Enter basın.
Mətn və fon yoxlaması
Ümumi istifadələr
- Web Dizaynı üçün Rəng Paleti YaradınVeb saytları, veb tətbiqləri və UI komponentləri üçün uyumlu rəng sxemləri yaradın.
- Marka Rəng Paletləri YaradınTək marka rəngindən tam marka rəng sistemi geliştirin - birincil, ikincil, vurğu və neytral.
- Sənət və İllüstrasiya üçün Rəng Paletləri YaradınRəqəmsal sənət, illüstrasiya və yaradıcı layihələr üçün uyumlu rəng birləşmələri yaradın.
- Figma üçün Rəng Stilləri YaradınFigma Rəng Stillələri və dizayn jetonu əsasları kimi istifadə etmək üçün rəng paleti yaradın.
- Dark Mode Rəng Paletləri YaradınQaranlıq mod dəstəyini qurmaq üçün rəng paletinizin açıq və tünd variantlarını yaradın.
Necə İşləyir
Alət sıfır xarici kitabxana ilə qurulub — bütün rəng riyaziyyatı brauzerinizdə birbaşa əl ilə yazılmış JavaScript-də işləyir. O, seçdiyiniz rəngi hex və HSL arasında çevirir, sonra hər palitranı yaratmaq üçün ton çarxı üzərində arifmetika vasitəsilə klassik rəng nəzəriyyəsi harmoniya qaydalarını (tamamlayıcı, triadik, analoji və s.) tətbiq edir.
- 1Hex-dən-HSL-ə çevirməBir rəng seçdiyinizdə, alət hex sətrini RGB komponentlərinə təhlil edir və onları HSL-ə (ton, doyğunluq, parlaqlıq) çevirir. Ton rəng çarxında 0–360 dərəcə mövqedir; bütün palitra riyaziyyatı bu fəzada baş verir.
- 2Harmoniya üçün ton arifmetikasıHər palitra növü əsas tona tətbiq edilən sabit bir fırlanma düsturudur. Tamamlayıcı 180° əlavə edir, triadik 120° və 240° əlavə edir, tetradik 90° addımlar, bölünmüş-tamamlayıcı 150° və 210° istifadə edir. Monoxromatik və çalar rejimləri ton və doyğunluğu sabit saxlayaraq parlaqlığı yuxarı-aşağı addımlayır.
- 3HSL-dən-hex-ə çıxışHesablanmış hər HSL üçlüyü standart xroma düsturu istifadə edərək geri bir hex rəngə çevrilir. Nəticələr sadə bir parlaqlıq hüddu ilə müəyyən edilən avtomatik-kontrastlı etiketlərlə (açıq nümunələrdə tünd mətn, tünd olanlarda açıq mətn) bir rəng zolağı kimi göstərilir.
- 4Seçdiyiniz formatda ixrac edinPalitra hex sətirləri kimi kopyalana, ya da bir CSS dəyişənləri faylı (:root { --color-1: … }), SCSS dəyişənləri, bir Tailwind konfiqurasiya parçası, bir JSON obyekti, ya da bir PNG rəng zolağı kimi ixrac edilə bilər. PNG ixracı hər nümunəni hex etiketi ilə çəkmək üçün brauzerin Canvas API-sindən (toDataURL) istifadə edir — hər şey klik üzərində lokal olaraq yaradılır.
Əlaqəli Alətlər
Təsadüfi rəng generatoru
Təsadüfi rəngləri bir-bir və ya beşlik palitra kimi yaradın, bəyəndiklərinizi kilidləyin, HEX, RGB və ya HSL dəyərlərini kopyalayın və palitranı PNG ya da CSS kimi ixrac edin.
Şəkil Rəng Palitrasını Çıxarıcısı
İstənilən şəkildən dominant rəngləri k-ortalama rəng kəmiyyətləndirilməsi istifadə edərək çıxarın. Foto və ya logonuzdakı ən üst 2-16 rəngin hex kodlarını əldə edin.
Rəng Seçici və Palet Generatoru
Rənglər seçin, HEX/RGB/HSL arasında çevirin və uyğun paletlər yaradın.