Търсене на име на цвят
Намерете най-близкото име на цвят CSS за всяка стойност на цвят. Поставете до 100 цвята във формат CSS и за всеки ще получите най-близкия от 148 именувани цвята CSS, подредени по цветова разлика CIEDE2000, заедно с името, шестнадесетичния код, стойността Delta E и оценка за съвпадение. Показвайте до 10 съвпадения за цвят. Удобно за именуване на дизайнерски токени, описване на цветове в документация и намиране на бърза ключова дума.
Често задавани въпроси
Кои имена на цветове се търсят?
148 именувани цвята на CSS Color 4 — от aliceblue до yellowgreen, включително rebeccapurple. Имената с еднаква стойност, като aqua и cyan, fuchsia и magenta, както и изписванията gray и grey, се показват заедно в един ред, което оставя 139 различни цвята. transparent и системните цветове не са включени.
Как се измерва близостта на името?
Чрез цветовата разлика CIEDE2000, Delta E 2000, изчислена в CIELAB чрез библиотеката culori. Това е индустриалният стандарт за измерване на видимата разлика между два цвята за средностатистически наблюдател; по-ниска стойност означава по-близко съвпадение.
Какво означават оценките за съвпадение?
Точно означава, че именуваният цвят има същия шестнадесетичен код. Много близко означава Delta E под 2 и разликата трудно се забелязва; подобно означава под 5 и разликата се забелязва при сравнение един до друг; отдалечено означава 5 или повече, когато името описва само общото цветово семейство.
Колко съвпадения ще получа?
От 1 до 10 за цвят, по подразбиране 3, подредени от най-близко към най-далечно. Повече съвпадения помагат, когато най-близкото име има подходяща светлота, но неподходящ нюанс, или обратното.
Как да въведа цветовете?
Въведете по един цвят на ред или няколко на един ред, разделени със запетаи или точка и запетая; запетаите в rgb() или hsl() не разделят стойностите. Приемат се шестнадесетични кодове със или без #, имената на цветовете CSS, rgb(), hsl(), hwb(), lab(), lch(), oklab(), oklch(), color() и cmyk(), до 100 цвята на изпълнение.
Какво се случва с прозрачните цветове?
Именуваните цветове са плътни, затова алфа стойността се игнорира и цветът се сравнява така, сякаш е напълно плътен. Колоната HEX показва сравнения 6-цифрен код.
Какво се случва с цветовете с широка цветова гама?
Цветовете извън sRGB, като ярките стойности от Display P3 или OKLCH, първо се преобразуват в sRGB с алгоритъма за CSS Color 4, защото всички именувани цветове CSS са цветове в sRGB. След това колоната HEX показва преобразуваната стойност, с която се сравняват имената.
Мога ли да използвам името вместо шестнадесетичния код?
Само когато съвпадението е точно; в противен случай именуваният цвят изглежда различно. Близкото име все пак е полезна подсказка за хора в дизайнерски токен или документация, например за синьо, близко до steelblue.
Защо само CSS имена, а не по-голям списък?
CSS са имената, които всеки браузър разбира и които можете да въведете директно в таблица със стилове. По-големите списъци с имена се различават между доставчиците и често са лицензирани, докато тези 148 имена са определени от стандарта CSS.
Защо съвпадение с по-висока Delta E може да ми изглежда по-близко?
Delta E 2000 моделира средностатистически наблюдател при стандартни условия на гледане. Дисплеят ви, калибрирането му, околните цветове и индивидуалното цветоусещане влияят на това кой цвят изглежда най-близък, затова приемайте подреждането като надеждна насока, а не като абсолютна истина.