Utilia

Пронаоѓач на име на боја

Пронајдете го името на која било боја. Внесете HEX или RGB код и добијте ги 5-те најблиски имиња од над 30 000 именувани бои и најблиското CSS име.

Како да го користите пронаоѓачот на име на боја

  1. Изберете боја со Изберете боја или внесете вредност во Код на бојата: HEX код како #1E90FF, rgb(30 144 255), hsl(210 100% 56%) или која било друга CSS боја.
  2. Првиот пат алатката ја вчитува својата листа од околу 32 000 имиња на бои (неколку стотини килобајти, еднаш по посета). Потоа резултатите се појавуваат додека пишувате.
  3. Прочитајте го Најблизок назив до Вашата боја. Кога кодот точно се наоѓа во листата, ознаката вели Точно совпаѓање.
  4. Подолу, 5 најблиски имиња и Најблиски CSS именувани бои се наведени со својот HEX код и растојание (ΔE). Користете Копирај име или Копирај HEX за да земете едно.
  5. Променете Совпаѓање со за споредба со CIEDE2000 (CIELAB) или OKLab растојание или кликнете Случајна боја за истражување.

Бојата и пребарувањето остануваат во вашиот прелистувач. Ништо од внесеното не се испраќа на сервер.

Од каде доаѓаат имињата

Имињата доаѓаат од color-name-list, колекција со отворен код што ја одржува David Aerne и многу соработници под MIT лиценца. Собира околу 32 000 уникатни имиња од каталози на бои, историски речници на бои, природата, популарната култура и предлози на заедницата, од „Absolute Zero“ до „Zucchini“. Секое име припаѓа на точно еден HEX код. Имињата се на англиски јазик.

Алатката ја споредува вашата боја и со 148-те CSS именувани бои од CSS Color Level 4 (tomato, rebeccapurple, dodgerblue…), кои ги разбира секој прелистувач. Синоними со ист код се прикажуваат заедно, како gray / grey или aqua / cyan. Тоа се имињата што се користат во стилска датотека кога сакате нешто читливо.

Како се избира најблиската боја

Споредбата на HEX кодови цифра по цифра не работи: #808080 и #7F8080 се речиси идентични, но мала промена во друг канал може да изгледа многу различно. Алатката ја претвора секоја боја во перцептивен простор на бои и таму ги мери растојанијата.

  • CIEDE2000 (CIELAB) е формулата за разлика на боја на Меѓународната комисија за осветлување, што се користи при печатење и подесување на бои. Го корегира постариот CIELAB метод според тоа како окото ја проценува светлината, хроматичноста и нијансата, особено кај сини и скоро сиви тонови. Имплементацијата ги следи Sharma, Wu и Dalal (2005) и е тестирана со нивните референтни податоци.
  • OKLab растојание е праволиниско растојание во OKLab, модерен простор дизајниран за еднакви перцептивни чекори. Се прикажува помножено со 100 за да се чита на скала слична на ΔE2000. Побрзо е и често се согласува со CIEDE2000; кога се разликуваат, разликите се суптилни.

Како водич: ΔE под 1 е невидливо за повеќето луѓе, од 1 до 2 е многу мала разлика што се забележува кога боите се една до друга, а над 5 боите изгледаат јасно различни. Ако најблискиот назив има голем ΔE, вашата боја едноставно паѓа меѓу именуваните бои.

Идеи за користење на имињата на боите

  • Именувајте дизајн-токени и примероци од палета со нешто попријателско од код.
  • Опишете боја во е-пошта, оглас за производ или алтернативен текст.
  • Најдете CSS клучен збор близок до боја на бренд за брзи прототипови.

Често поставувани прашања

Како се вика бојата #1E90FF?

Нејзиното CSS име е dodgerblue, светло азурно сина, а големата листа на заедницата ја нарекува „Clear Chill“ (точно совпаѓање). Внесете друг код за да ги најдете неговите најблиски имиња на ист начин.

Зошто некои имиња се необични?

Листата е направена од заедницата и содржи шеговити имиња од популарната култура и природата. Погледнете ги петте најблиски резултати и изберете го оној што одговара на вашиот контекст; CSS именуваните бои се најстандардни.

Дали најблискиот назив е точно мојата боја?

Само кога ознаката вели Точно совпаѓање, а ΔE е 0. Инаку името припаѓа на блиска боја: споредете ги двата примероци еден до друг.

Кој метод на совпаѓање да го користам?

CIEDE2000 е воспоставениот индустриски стандард и е основен. OKLab растојанието е добра модерна алтернатива. Пробајте ги двата кога боја е меѓу две имиња.

Можам ли да пребарувам по име наместо по код?

Не во оваа алатка. Можете, сепак, да внесете кое било од 148-те CSS имиња на бои во Код на бојата, како salmon, и да ги видите другите имиња блиски до него.