Əvvəlcə nümunə palitrasını çıxarın, sonra öz layihənizdə hansı rənglərin olacağına qərar vermək üçün dəqiq seçim və əl ilə redaktələrdən istifadə edin. Şəkil Rəng Seçici aç.
Yükləyin və başlanğıc palitrasını çıxarın
Image Color Picker-i açın və bir dəstəklənən şəkil yükləyin və ya nümunəni sınayın. Avtomatik çıxarış mənbəni serverə yükləyir. Bu bələdçidəki nümunə collage-botanical.jpg, çiçəklər, yarpaqlar və şaftalı rəngli fondan ibarət 1200 x 900 ölçülü fotodur.
Çıxarılacaq rəngləri 6-da saxlayın və nümunə üçün Dominant seçin. Dominant əsas şəkil rənglərinə üstünlük verir, Vibrant isə rəngli vurğulara daha çox təsir göstərir. Sorğu 3 ilə 12 arasında rəng istifadə edə bilər; daha az fərqli görünən qrupları olan bir şəkil daha az rəng qaytara bilər.
Faktiki Dominant nəticəsi #E3B49F, #A5927F, #F3C2AC, #FBCEBA, #746E4F, #C297CA ehtiva edir. Ən böyük qrup nümunə götürülmüş görünən piksellərin təxminən 28.88%-i ilə #E3B49F-dir. Çıxarış 512 x 384 nümunəsindən istifadə etdi; bu faizlər tam ölçülü şəklin dəqiq siyahısı deyil.
Palitra rəngi yaxınlıqdakı rənglərin ortalaması ola bilər. Bir kiçik detala aid dəyərə ehtiyacınız olduqda xüsusi bir piksel seçin.
Fərdi rəngləri seçin və təkmilləşdirin
Böyüdücü ilə pikseli yoxlamaq üçün şəklə klikləyin və ya toxunun. Şəkli fokuslayın və bir piksel hərəkət etmək üçün ox düymələrindən, on piksel hərəkət etmək üçün Shift və ox düyməsindən istifadə edin, sonra seçmək üçün Enter düyməsini basın. HEX, RGB və ya HSL-i fərdi kopyalama düyməsi ilə kopyalayın və ya Add to palette istifadə edin.
Rəngi və ya HEX dəyərini dəyişmək, onu sola və ya sağa hərəkət etdirmək və ya silmək üçün bir nümunə seçin. Xüsusi rəng əlavə etmək istədiyiniz HEX dəyərini qəbul edir. Rəngi kilidləmək, Palitranı yenilə və ya dəyişdirilmiş çıxarış parametrləri başqa bir ilkin palitra yaratdıqda seçilmiş nümunəni qoruyub saxlayır.
Nümunə götürmə və şəffaflıq Mənbə rəngi və fon üzərində Kompozit təklif edir. Mənbə rəngi müvafiq olduqda kopyalanmış kodlara şəffaflığı daxil edir; Kompozit seçilmiş Nümunə fonunda qarışdırılmış pikseli göstərir. Palitra nümunələrinin özləri qeyri-şəffaf RGB dəyərləridir. Redaktə edilmiş və seçilmiş rənglərin təxmini mənbə faizi yoxdur.
Brauzerdə oxuna bilən şəkillər brauzer sRGB nümunələrindən istifadə edir. Normallaşdırılmış önizləmədən istifadə edilərsə, seçici öz rənglərini və koordinatlarını təxmini kimi açıq şəkildə etiketləyir.
Bu bələdçidəki nümunə
Çıxarılacaq rənglər: 6; Dominant; əl ilə dəyişikliklər və ya kilidlər yoxdur; Saxla: PNG. Avtomatik çıxarış 512 x 384 piksel nümunə götürüb.
- Mənbə şəkli
- 1200 x 900 px
- Çıxarılmış rənglər
- 6 qeyri-şəffaf rəng
- Palitra kartı
- 600 x 500 piksel
- Yükləndi PNG
- 9,163 bayt
Mətn və fon cütlüyünü yoxlayın
Rəng kontrastını yoxla bölməsini açın. Rəng idarəetmələri ilə Mətn və Fonu təyin edin, HEX kodlarını daxil edin və ya hər iki tərəf üçün seçilmiş rəngdən istifadə edin. Canlı mətn nümunəsi cütlüyü müqayisə etməyə imkan verir və nisbətə ayrı-ayrılıqda Normal AA, Normal AAA, Böyük AA və Böyük AAA nəticələri daxildir.
Hər çıxarılan rəngin mətn kimi istifadə oluna biləcəyini fərz etmək əvəzinə, nəzərdə tutulan məqsəd üçün bir cüt seçin. Açıq şaftalı və açıq bənövşəyi rəng fotoşəkildə birlikdə işləyə bilər, lakin mətn və fon kombinasiyası kimi zəif görünə bilər.
Bu idarəetmə yalnız mətn kontrastı üçün həmin rəng cütlüyünü yoxlayır. Bu, tam əlçatanlıq auditi deyil və tipoqrafiyanın, klaviatura qarşılıqlı əlaqəsinin və ya dizaynın qalan hissəsinin istifadəyə yararlı olub-olmadığını müəyyən etmir.
Keçid kontrast nisbəti faydalı bir yoxlamadır, lakin bütün səhifənin əlçatan olduğuna zəmanət vermir.
Dəyərləri kopyalayın və ya palitranı ixrac edin
Sürətli təhvil üçün fərdi kodu kopyalayın və ya Palitra HEX rənglərini kopyala funksiyasından istifadə edin. Fayl üçün Saxla və Başla seçin. PNG etiketli palitra şəkli yaradır; SVG nümunələri və etiketləri vektor məzmunu kimi saxlayır; CSS nömrələnmiş rəng dəyişənlərini təmin edir; JSON isə HEX, RGB və HSL dəyərlərini ehtiva edir.
Redaktə edilməmiş altı rəngli nümunə palette.png formatında 600 x 500 piksel və 9,163 bayt ölçüsündə ixrac edilir. Onun nümunə ardıcıllığı palitra ilə uyğun gəlir. Avtomatik başlanğıc sayı fərqli olsa belə, son palitranız redaktədən sonra 1 ilə 12 arasında rəng ehtiva edə bilər.
Çıxmazdan və ya yeniləməzdən əvvəl yükləyin. Son ixrac server emalı üçün mənbə və seçilmiş rəngləri yükləyir. O, yeni palitra faylı yaradır və orijinal fotoşəkli yenidən rəngləmir və ya əvəz etmir.
PNG və SVG rahat vizual istinadlardır. CSS və JSON növbəti addım təkrar istifadə edilə bilən rəng dəyərlərinə ehtiyac duyduqda faydalıdır.
Ümumi suallar
Pipetka avtomatik çıxarışla eyni rəngləri qaytarırmı?
Mütləq deyil. Seçilmiş dəyər müəyyən bir mənbə və ya önizləmə pikselini təsvir edir. Avtomatik çıxarış seçilmiş pikselləri qruplaşdırır və orta rəngləri qaytara bilər.
Şəffaf piksellər hesablanır?
Tamamilə şəffaf piksellər çıxarışdan xaric edilir. Qismən şəffaf piksellərin çəkisi azaldılır. Mənbə seçimi şəffaflığı göstərə bilər, lakin ixrac edilmiş palitra nümunələri qeyri-şəffafdır.
Səhifəni yenilədikdə kilidlənmiş rənglərə nə olur?
Kilidlənmiş rənglər palitrada qalır, yeni çıxarılan rənglər isə digər mövqeləri doldurur. Saxlanılan və ya redaktə edilən rəngə uydurma şəkil faizi təyin edilmir.
Bunu dəqiq brend rəngi üçün istifadə edə bilərəmmi?
Məlum HEX dəyərini birbaşa daxil edin və ya uyğun mənbə pikselini seçin. Foto işıqlandırması, sıxılma, rəng idarəetməsi və normallaşdırılmış önizləmələr seçilmiş dəyərləri dəyişə bilər, buna görə də avtomatik foto palitrası orijinal brend spesifikasiyasının sübutu deyil.
Növbəti dizaynınıza apara biləcəyiniz bir palitra yaradın
Nümunəni sınayın və ya öz faylınızdan istifadə edin və paylaşmazdan əvvəl nəticəni nəzərdən keçirin.