Alətlər95

REDAKTƏ / PRAKTİKİ ŞƏKİL TƏLİMATI

Şəkil rənglərini necə seçmək və palitra yaratmaq olar

Fərq etdiyiniz rəngdən istifadə edə biləcəyiniz dəyərlərə keçin.

Foto faydalı bir rəng istiqaməti təklif edə bilər, lakin avtomatik palitra yalnız başlanğıc nöqtəsidir. Image Color Picker böyüdülmüş piksel seçicini, redaktə edilə bilən nümunələri və dizayn və ya kod üçün ixracları birləşdirir. Bu bələdçi botanika nümunəsindən altı rəng çıxarmağın real nəticəsindən istifadə edir.

Təlimatı izləyin
REAL GİRİŞ VƏ YÜKLƏNMİŞ NƏTİCƏ
Əvvəl İsti şaftalı fonunda bənövşəyi çiçəklər və yaşıl yarpaqların orijinal fotoşəkli.

collage-botanical.jpg: 1200 x 900 px, 199,152 bayt.

Sonra Botanika fotosundan çıxarılmış şaftalı, boz-qəhvəyi, zeytun və bənövşəyi nümunələri olan altı rəngli faktiki palitra.

palette.png: 600 x 500 px, 9,163 bayt.

Orijinal botanika nümunəsi və faktiki altı rəngli PNG palitrası. Rənglər azaldılmış nümunədən qruplaşdırılıb; kartda yenidən rənglənmiş foto deyil, çıxarılmış HEX dəyərləri var.
Reklamlar
QISA VİDEO TƏLİMAT How to pick an image color and export a palette Upload an image, inspect a pixel with the magnifier, add its color to the extracted palette, select Start and download a PNG palette. İngiliscə şərh Videoya baxın

How to pick an image color and export a palette

Reklamlar

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

01

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.

02

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
03

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.

04

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.

FAYDALI MƏLUMATLAR

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

SIRA SİZDƏDİR

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.

Şəkil Rəng Seçici aç

Şəkil təfərrüatı

Dil38

English العربية Français Italiano Deutsch Español Português Nederlands Русский Türkçe 日本語 中文 हिन्दी Bahasa Indonesia Bahasa Melayu 한국어 Tiếng Việt ไทย Polski Svenska Українська Norsk বাংলা Ελληνικά فارسی اردو Čeština Dansk Magyar Română Suomi Български Filipino ქართული Slovenčina Azərbaycanca עברית Slovenščina

Dilinizi seçin. Video dərsliklərdə hazırda ingilis dili şərhi istifadə olunur.