Разное

Генератор окрасов: Конструктор окрасов / CatWar

04.01.2023

Окрасы кошек. Генетика окрасов. Обучающая флеш-игра.

Окрасы кошек. Генетика окрасов. Обучающая флеш-игра.

Здесь приводятся лишь минимальные сведения по генетике окрасов кошек, необходимые для понимания того, как наследуется окрас. Если Вы хотите изучить вопрос более подробно, посмотрите материалы по классификации окрасов кошек у нас на сайте – там обсуждаются и гены, отвечающие за ту или иную особенность окраса. Ну а если Вы решили овладеть знаниями на профессиональном уровне, рекомендую прочесть книги Ж.П. Мааса и И. Шустровой по генетике окрасов, а также прослушать фелинологические курсы и получить диплом фелинолога.

Итак:

  1. Генов, отвечающих за каждый признак, ДВА – один от папы, другой от мамы.
  2. Мы рассмотрим лишь некоторые признаки.
  1. Окрасы чёрной группы определяются доминантным геном B (Black) и рецессивным геном b (brown). Между собой эти гены взаимодействуют следующим образом:

    BB
    чёрная кошка,
    Bb
    чёрная кошка,
    bb
    шоколадная (коричневая) кошка.

    Т.е. доминантный ген «перекрывает» воздействие рецессивного.

  2. За насыщенность окраса отвечают гены D (Dense) – насыщенный и d (diluted) – осветлённый.

    BBDD
    чёрная кошка,
    BBDd
    чёрная кошка,
    BBdd
    голубая (серая) кошка.
  3. За наличие или отсутствие белых пятен отвечают гены S и s (spotted):

    SS, Ss
    есть белые пятна,
    ss
    нету.

    ПРИМЕЧАНИЕ. Белый «слюнявчик» под подбородком не считается – наличие или отсутствие белого под подбородком не определяется генами S и s.

  4. С рыжим (красным) окрасом дело обстоит несколько иначе, чем с чёрным. Рыжий окрас, как и чёрный, определяется парой генов – в данном случае это гены О и о (orange) – но действуют они несколько иначе:

    О
    рыжий окрас наличествует,
    о
    рыжий окрас отсутствует.

    При этом ген О «перекрывает» воздействие гена В:

    ВВОО
    рыжая кошка,
    ВВоо
    чёрная кошка.

    Кошка ВВОо будет черепаховой, т.е. чёрной с рыжим.

    Рыжий окрас называют сцеплённым с полом: гены О и о располагаются только на Х-хромосомах. У кошек – две Х-хромосомы, у котов – одна Х-хромосома и одна Y-хромосома.

    XX
    кошка,
    XY
    кот.

    Так как у котов только одна Х-хромосома, «рыжих» генов у котов не два, а только один:

    ВВО_
    рыжий кот,
    ВВо_
    чёрный кот.

    В силу этого черепаховых котов не бывает. Точнее, ОЧЕНЬ редко встречаются коты с лишней Х-хромосомой: XXY. Такие коты могут быть черепаховыми. Но они не могут иметь потомства.

  5. За белый окрас отвечают гены W и w (white):

    WW, Ww
    белая кошка,
    ww
    не белая.

    Ген W перекрывает все другие гены, отвечающие за цвет. Если у кошки присутствует этот ген, она будет белой независимо от наличия у неё генов B, b, О, о. Т.е.

    BBOOWW
    белая кошка,
    BBOOww
    рыжая кошка,
    BBooww
    чёрная кошка.

СЛУЧАЙ 1. Генофонд клубных кошек представлен генами: B b O o S s w. Белых котов или кошек в клубе нет, доминантный ген W в популяции отсутствует. Задача: вывести котёнка нужного окраса с определённым генетическим кодом.


СЛУЧАЙ 2. Шоколадный кот из клуба вышел и потомство свое забрал (т.е. в генофонде гена b больше нету). Зато в клубе появился белый кот. Генофонд теперь выглядит так:

B O o S s W w. Задача прежняя. Обратите внимание, как отражается присутствие белого кота на окрасах кошек данной популяции.

Окрасы бордер колли с фото и комментариями

Бордер колли славятся не только выдающимся умом, феноменальной работоспособностью и спортивными талантами, но и богатой палитрой оттенков и рисунков шерсти. У бордер колли больше двух десятков окрасов. Одни широко распространены, другие встретишь не часто.

Содержание:

  • Краткая характеристика.
  • Двухцветные.
  • Трёхцветные.
  • Мраморные.
  • Мраморные с подпалом.
  • О белых бордер колли.

Общая характеристика

В породе сформировались 4 типа окрасов:

  • Биколор – двухцветные.
  • Триколор – трехцветные.
  • Мерль – мраморные.
  • Мерль триколор – мраморные трехцветные.

Однотонная шерсть для породы не типична. Все масти включают белые зоны без пигментации.

Базовый окрас образуют любые цвета и оттенки шерсти:

  • черный;
  • шоколадный;
  • все оттенки красного – бледно-золотистый, рыжий;
  • голубой;
  • сиреневый;
  • соболиный;
  • тигровый.

Единственное ограничение в стандарте породы касается шоу собак. К выставкам не допускаются животные, у которых белый цвет доминирует. При разведении спортивных бордер колли учитывают прежде всего темперамент, выносливость, реакцию, ловкость. У рабочих собак – пастуший инстинкт, умение управлять овцами.

В породе 2 типа шерстного покрова: удлиненный с очесами и гладкий. Окрас не зависит от структуры и длины волоса.

Двухцветные масти

В окрасе сочетаются один базовый цвет и белые отметины. Светлые зоны лежат произвольно, типичное расположение:

  • воротник на шее;
  • манишка на груди;
  • проточина на голове;
  • носочки или гольфы на лапах;
  • живот;
  • верхушка хвоста.

У щенков по мере взросления цвет может меняться в рамках одной масти. Например, черные зоны иногда осветляются, но золотистые участки никогда не станут голубыми.

Черно-белый

Самый распространенный окрас как для первых бордер колли XIX века, так и для нынешних представителей породы. Черный цвет чаще доминирует, как того требует стандарт. Мочка носа черная, глаза темно-карие. Светлые участки иногда покрывает крап.

Длинношерстная разновидность.Гладкошерстная разновидность.Черно-белый щенок.

В качестве исключения изредка рождаются черные бордер колли, но и у них найдется хотя бы одно малозаметное светлое пятнышко.

Черный бордер колли.

Голубой или синий

Визуально выглядит как пепельно-серый, а по сути – генетически разбавленный черный. У голубых собак синевато-серая мочка носа, янтарно-зеленые глаза.

Голубой окрас.Голубой щенок.

У щенков голубая масть проявляется с рождения или формируется по мере взросления: черные зоны постепенно осветляются.

Шоколадный

Оттенки окрашенных зон варьируются от цвета молочного шоколада до темного горького шоколада. Они соседствуют с белыми участками. Нос коричневый или печеночный в тон шерсти.

Шоколадный щенок бордер колли.

Золотистый

Официально называется красно-белый – red and white. Включает массу оттенков от красно-коричневого, ярко-рыжего до бледно-золотистого и кремового.

Ярко-рыжий.Рыжий и бежевый.Кремовый щенок.

Сиреневый

Редкий приглушенный оттенок образуется при смешивании осветленного коричневого и голубого. Другие названия – lilac (лилак), изабелловый. У сиреневых бордеров светлые зеленоватые глаза.

У бордеров лилак мочка носа одного тона с шерстью.Сиреневый (lilac)Щенок лилак.

Трёхцветные масти

В окрасах соседствуют цветные, белые зоны и подпал – светло-песочный, бледно-рыжий, ярко-коричневый, реже тигровый. Островки подпала покрывают щеки, брови, лапы, низ хвоста. Иногда образуются на мордочке в виде маски, на боках.

При появлении подпала к названию базового окраса добавляется слово триколор (tricolour) или тан (tan) – в переводе с английского загар или подпал. Например, red tricolor или red and white with tan.

Вот основные типы tricolour:

  • Черно-белый с подпалом. Такой окрас был у знаменитого бордер колли Олд Хемпа. Он жил в 1893 – 1901 годы, не проиграл ни одного чемпионата пастушьих собак, оставил после себя порядка 200 потомков. Почти у всех чистокровных бордеров прослеживается родословная линия до этого выдающего пса.

  • Шоколадный tricolour. Более светлый подпал контрастирует с основным тоном.
Шоколадный с подпалом. Шоколадный щенок триколор.
  • Голубой триколор. Дымчато-серая шерсть сочетается со светлым подпалом.
Голубой с подпалом.
  • Сиреневый триколор (lilac tricolour). Подпалые включения бледно-песочного оттенка.
Лилак триколор.

Особняком стоит соболиная масть. В ней нет четкого разделения на 3 цвета. Окрашенные зоны покрывают рыже-коричневая шерсть с затемнением на кончиках. Интенсивность зачернения меняется на разных участках.

Бордер колли соболиный и черно-белый.Щенок соболиного окраса.

Соболиная масть ярче выражена у молодых собак. С возрастом после каждой линьки насыщенность зачернения снижается, и шерсть становится больше похожей на рыжую.

Отдельную группу образуют тигровые окрасы, но по сути они тоже трехцветные. Окрашенные участки покрывают темные полосы на более светлой шерсти. Например, черные включения на рыже-коричневом фоне, темно-серые полоски на голубом.

Тигровый.

Тигровые бордер колли чаще встречаются в рабочих линиях разведения.

Мерль

Мраморный рисунок формируется, когда основной пигмент разбавлен геном мерль. Цветные зоны шерсти местами осветляется. Но на них остаются неравномерные темные включения произвольной формы и размеров.

У каждой собаки формируется свой мраморный узор, двух одинаковых не найти. Вместе шерстью осветляется радужка. Щенки часто рождаются голубоглазыми или с гетерохромией – глазами контрастного цвета.

Распространенные мраморные окрасы бордер колли:

  • Голубой мерль – blue merle.

  • Шоколадный мрамор – chocolate merle.

  • Лиловый мерль – lilac merle.

  • Соболиный мрамор – sable merle.

Собак с геном мерль не вяжут между собой. Щенки у такой пары погибают, а выжившие страдают от патологий. У них диагностируют частичную или полную глухоту, слепоту, деформацию сердца, скелета и другие серьезные нарушения.

Мраморный триколор

К мерлевым окрасам присоединяется рыжеватый подпал на мордочке, бровях, ногах. Чем насыщеннее основной тон шерсти, тем ярче подпалые включения:

  • Голубой мраморный трехцветный.

  • Шоколадный мерль триколор.
Шоколадный мрамор с бледным подпалом.Шоколадный мраморный щенок триколор.
  • Сиреневый мраморный триколор.

Голубых и шоколадных мраморных бордер колли часто путают с австралийскими овчарками.

Белые

Иногда у бордеров белая шерсть доминирует. Некоторые кинологические федерации относятся к этому лояльно, например, АКС. Такие собаки не участвуют в выставках, но могут вырасти умелыми помощниками на ферме или сделать спортивную карьеру.

В породе изредка рождаются альбиносы, их узнают по полному отсутствию пигмента на мочке носа, шерсти, коже, радужке. Они тоже находят любящих хозяев, но из-за слабого здоровья, массы патологий считаются племенным браком и запрещены к разведению.

Цвет шерсти не влияет на поведение бордер колли. Темперамент больше зависит от линии разведения. Выставочные собаки спокойнее, рабочие и спортивные более активные и энергичные. Самые распространенные окрасы бордер колли – черно-белый, черный триколор, шоколадно-белый, голубой мерль. Самые редкие – все виды сиреневого, тигрового.

Palx: Автоматический генератор цветовой палитры пользовательского интерфейса

Укажите одно значение цвета, и Palx вернет цветовую палитру полного спектра, которая хорошо подходит для дизайна пользовательского интерфейса и визуализации данных, которые гармонично сочетаются с фирменными цветами.

Base Color

gray

gray 0

#f9f9fa

gray 1

#eceeef

gray 2

#dee1e3

gray 3

#cfd3d7

gray 4

#bfc5c9

gray 5

#adb4b9

gray 6

#98a1a8

gray 7

#7f8b93

gray 8

#606e79

gray 9

#374047

blue

blue 0

#f6fafd

blue 1

# e2eff9

blue 2

#cce4f5

blue 3

#b5d8f0

blue 4

#9bcaeb

blue 5

#7dbae5

blue 6

#5aa7de

blue 7

#2d8fd5

blue 8

#006fbe

blue 9

#004170

indigo

indigo 0

#f9f9fe

indigo 1

#ebedfb

indigo 2

#dddff8

indigo 3

# cdd1f5

indigo 4

#bcc0f2

indigo 5

#a9aeee

indigo 6

#929ae9

indigo 7

#7780e4

indigo 8

#525edc

indigo 9

#0516cd

violet

violet 0

#fbf8fe

violet 1

#f1ebfb

violet 2

#e8dcf8

violet 3

#ddccf5

violet 4

#d1baf1

violet 5

#c4a6ed

violet 6

#b48ee8

violet 7

#a172e3

violet 8

#864adb

violet 9

#4c00b8

fuschia

fuschia 0

#fdf8fe

fuschia 1

#f9e8fa

fuschia 2

#f5d8f7

fuschia 3

#f0c5f3

fuschia 4

#eab0ef

fuschia 5

#e498ea

fuschia 6

#DC7BE5

Fuschia 7

#D153DD

Fuschia 8

#BB01CC

Fuschia 9

#72007C

Pink

#72007C

#72007C

9

#72007C

#72007C

9000 2

#72007C

9000 2

#72007C

0003

#fbe9f3

pink 2

#f7d8ea

pink 3

#f4c6e1

pink 4

#f0b2d6

pink 5

#eb9ac9

pink 6

#e57dba

pink 7

#dd57a5

pink 8

#cf0d7e

pink 9

#7f004a

red

red 0

#fef8f9

red 1

#fbe9eb

red 2

#f8dadc

red 3

#f4c8cc

red 4

#f0b5ba

red 5

#ec9ea5

red 6

#e6838b

red 7

#df5f6a

red 8

#d2202f

red 9

#85000b

orange

orange 0

#fdf9f5

orange 1

#f9ebe1

orange 2

#f5dccb

orange 3

#f0ccb3

orange 4

#eaba98

orange 5

#e4a679

orange 6

#dd8d54

orange 7

#d36d24

orange 8

#b54c00

orange 9

#6b2d00

yellow

yellow 0

#fbfaec

Желтый 1

#F3EFC4

Желтый 2

#EAE398

Желтый 3

#E0D666

ЖЕЛТЫ 4

#D5C72C

ЖЕЛТА 5

#C5B500

Yellow 5

#C5B500

. 0003

#b0a200

yellow 7

#978b00

yellow 8

#776e00

yellow 9

#464000

lime

lime 0

#f6fcee

lime 1

#e2f4c8

lime 2

#cbec9e

lime 3

#b2e26e

lime 4

#94d736

lime 5

#75c800

lime 6

#68b300

lime 7

#599900

lime 8

#477900

lime 9

#294700

green

green 0

#f2fcf1

green 1

#d6f6d3

green 2

#b6efb1

green 3

#90e788

green 4

#61dd56

green 5

#1fcf0f

green 6

#0fb900

green 7

#0d9f00

green 8

#0b7e00

green 9

#064a00

teal

teal 0

#f1fcf6

teal 1

#d2f6e1

teal 2

#afefc9

teal 3

#85e7ae

teal 4

#52dc8b

teal 5

# 0ace5c

teal 6

#00b84d

teal 7

#009e42

teal 8

#007d34

teal 9

#004a1f

cyan

cyan 0

#f0fcfb

cyan 1

#cef5f2

cyan 2

#a8eee8

cyan 3

#7ae4dc

cyan 4

#40d9cc

cyan 5

#00c9b8

cyan 6

#00b3a4

cyan 7

#009a8d

голубой 8

#007a70

голубой 9

#004842

Загрузить

JSONCSS

GitHub Color-based генератор контраста с исходным кодом Jxnblk 90:0 openblk 90:0openblk Нейт Болдуин

Создавайте красивые, доступные и адаптивные цветовые системы, используя сгенерированные цвета на основе коэффициента контрастности. Leonardo теперь поддерживает полное поколение тем .

Если вы создали цветовую палитру для веб-сайта или приложения, вы, вероятно, столкнулись с некоторыми проблемами при создании цветовых палитр для пользовательских интерфейсов. Одной из наиболее распространенных проблем является соблюдение критериев доступности, таких как минимальные коэффициенты контрастности, определенные в Руководстве по доступности веб-контента (WCAG). Текущие инструменты проверяют контраст между цветами

после того, как вы их выбрали , либо они выводят список комбинаций существующих цветов , которые соответствуют требованиям. Но это может превратиться в утомительную игру в кошки-мышки.

Было бы неплохо, если бы мы могли просто генерировать цвета на основе желаемого коэффициента контрастности?

Теперь можно.

Leonardo — это инструмент с открытым исходным кодом для создания адаптивных цветовых палитр; собственный генератор цветов для создания цветов на основе целевого коэффициента контрастности.

Leonardo поставляется в виде модуля Javascript ( @adobe/leonardo-contrast-colors ) с веб-интерфейсом для помощи в создании конфигураций цветовой палитры, которыми можно легко поделиться как с дизайнерами, так и с инженерами. Проще говоря, Леонардо за динамическую доступность ваших продуктов.

Вы можете начать с посещения Leonardocolor.io и ввести свои «ключевые цвета». Это список цветов, на которые ссылаются для создания шкалы яркости цвета (от черного до каждого ключевого цвета и до белого). Как и ключевые кадры, ключевые цвета представляют собой отдельные точки, в которые будут интерполироваться дополнительные цвета.

Каждый ключевой цвет автоматически сортируется и помещается в вашу цветовую шкалу в соответствии с его яркостью, поэтому перцепционное распределение яркости цветов обрабатывается автоматически (на основе значений яркости HSLuv). Этот унифицированный метод распределения цветов помогает выровнять цветовую шкалу, чтобы вы не видели резкого изменения яркости при изменении или добавлении основных цветов.

Ключевые цвета, размещенные по шкале на основе яркости HSLuv

Иногда прямой путь через цветовое пространство не дает наиболее привлекательных цветов. Прочтите эту статью, если хотите узнать больше по этой теме. Добавление дополнительных ключевых цветов поможет направить путь интерполяции в вашей цветовой шкале. Когда вы вводите эти значения, градиент будет обновляться, чтобы отображать масштаб, который вы создаете.

Другой способ повлиять на вывод вашей цветовой шкалы — выбрать цветовое пространство для интерполяции значений. Цветовая шкала создается в цветовом пространстве LCH по умолчанию, но вы также можете использовать LAB, HSL, HSLuv, HSV, RGB и даже цветовую модель CIECAM02.

Интерполяция через разные цветовые пространства дает разные цветовые шкалы

В зависимости от типа создаваемой цветовой шкалы и конкретных вводимых ключевых цветов одни цветовые пространства могут работать лучше, чем другие. Более подробно об этом и о том, как это может повлиять на цветовую шкалу и выбор, я написал в статье «Колориметрия и картография цвета».

Основным отличием от Leonardo и других инструментов доступности цвета является образцов коэффициента контрастности .

Входные данные целевого коэффициента контрастности показывают сгенерированный образец цвета рядом со значением для контекста.

В этих входах вы можете определить желаемый коэффициент контрастности, который вы хотите создать для настроенного вами цвета. По умолчанию инструмент будет иметь два образца: 3 и 4.5. Они соответствуют минимальным требованиям к контрастности WCAG 2.0 (уровень AA) для крупного текста (3:1) и обычного текста (4,5:1).

Образец цвета создается на основе пересечения желаемого коэффициента контрастности и цветовой шкалы. Точка в верхней части градиента позволяет легко увидеть распределение образцов вдоль градиента. Сгенерированные цвета отображаются на правой панели с шестнадцатеричным значением и коэффициентом контрастности.

Сгенерированные цвета показаны с шестнадцатеричным значением и пересчитанным контрастом по отношению к базовому цвету

Коэффициент контрастности, показанный для сгенерированных цветов, получен в результате повторной оценки сгенерированного цвета по сравнению с базовым цветом после генерации, чтобы проверить, соответствуют ли сгенерированные цвета вашим требованиям.

Из-за ограничений цветового пространства RGB, методов интерполяции и метода вычисления контраста точные значения контрастности могут быть не получены . Это значение контрастности после генерации помогает вам определить, когда сгенерированный цвет может упасть ниже минимального требования, чтобы вы могли настроить целевое соотношение в своих образцах контрастности и убедиться, что вы находитесь в пределах требуемых минимумов.

Полезный совет: Леонардо может генерировать двунаправленные контрастные образцы. Если ваш базовый цвет не является чисто черным или белым, отрицательные значения будут генерировать цвета в противоположном направлении. Например, если ваш базовый цвет светло-серый, и вы хотите создать более светлые оттенки, передайте в образцы отрицательное число.

Основная часть веб-приложения Leonardo отображает простые примеры каждого сгенерированного цвета как в виде текста поверх основного цвета, так и в виде цвета фона с текстом, являющимся значением основного цвета. Это дает некоторый контекст того, как ваши цвета будут отображаться при использовании с текстом или основными компонентами пользовательского интерфейса.

На вкладке диаграммы находится набор двумерных диаграмм, отображающих траектории интерполяции для каждого канала вашей цветовой шкалы. По умолчанию диаграммы отображаются в формате CIECAM02, поскольку это цветовое пространство более точно отражает человеческое восприятие цвета. У вас есть возможность предварительного просмотра диаграмм в любом из поддерживаемых цветовых пространств независимо от выбранного вами режима интерполяции , однако рекомендуется CIECAM02. Неравномерности, видимые в этом цветовом пространстве, могут помочь вам более точно идентифицировать неоднородности в вашей цветовой шкале.

Эти диаграммы помогают проиллюстрировать области, в которых можно извлечь выгоду из добавления дополнительных ключевых цветов и сглаживания траектории цвета, а также для определения подходящего режима интерполяции цветового пространства.

Синие/желтые кривые, представленные в CIECAM02. Сравнение показано с интерполяцией CIECAM02, HSL и LCH

Наряду с диаграммами интерполяции каналов есть диаграмма, показывающая распределение коэффициентов контрастности. Это полезно, чтобы увидеть разницу в контрасте между каждым шагом, который вы создаете. Интересное открытие, которое вы увидите, заключается в том, что когда контрасты равномерно распределены по цветовой шкале, коэффициенты контрастности следуют экспоненциальной кривой.

Диаграмма, показывающая распределение образца контрастности

Под вкладкой модели находится трехмерная модель вашей цветовой шкалы в цветовом пространстве CIECAM02. Это 3D-предварительный просмотр — еще один способ увидеть, как интерполяция через различные цветовые пространства влияет на сгенерированные значения цвета. Вы можете интерполировать свои цвета в одном цветовом пространстве, но хотите посмотреть, как они представлены в другом.

Цветовая шкала с интерполяцией LAB, показанная в цветовом пространстве CIECAM02 в интерактивной 3D-модели

Однако рекомендуется использовать CIECAM02 при оценке цветовой шкалы в 3D по тем же причинам. Например, если у вас есть цветовая шкала с несколькими оттенками, оценить ее в HSV будет особенно сложно, поскольку кривая будет создавать неправильные формы, не отражающие воспринимаемый цветовой путь, который вы создаете. Эти цветовые пространства доступны в 3D-предварительном просмотре в качестве способа обучения и позволяют визуально понять различия в моделировании цвета в этих пространствах.

Поскольку проектирование — это совместный процесс, конфигурации, которые вы делаете в приложении, печатаются в URL-адресе, что упрощает обмен вашими конкретными конфигурациями с членами команды. Просто скопируйте и вставьте URL-адрес, и члены вашей команды увидят то же, что и вы.

Пользовательские конфигурации, которые вы создаете для своей цветовой шкалы, выражаются в виде параметров в функции Леонардо generateContrastColors() . Когда вы будете готовы передать свои цветовые конфигурации инженерам, они смогут напрямую скопировать и вставить ваши параметры.

Инженеры, использующие модуль Leonardo npm, могут напрямую копировать ваши параметры

Leonardo — это инструмент, предназначенный как для дизайнеров , так и для инженеров . Когда Leonardo интегрируется в ваши продукты, его можно использовать для создания адаптивной цветовой палитры, которая может действовать как регулятор яркости и контрастности для ваших пользователей. Его также можно использовать для создания статических цветовых тем.

Создание цветовых палитр для дизайн-систем само по себе сложно, и нет причин полностью отказываться от существующей цветовой палитры. По этой причине Leonardo упрощает преобразование существующей палитры в адаптивную.

Чтобы перенести палитру, начните с удаления ключевых цветов и всех существующих образцов контраста. Затем выберите опцию «Добавить объем» в ключевых цветах.

Появится диалоговое окно с текстовой областью для ввода нескольких значений цвета. Вставьте существующие цвета (для одного оттенка) в шестнадцатеричном формате, разделенные запятыми или новыми строками. Установите флажок «импортировать как образцы» и введите цвет фона существующей темы в качестве «базового цвета». Когда вы нажмете «Добавить», каждый из ваших существующих цветов будет добавлен в качестве основного цвета, а их контрасты будут проверены по сравнению с базовым цветом — каждое значение коэффициента контрастности будет добавлено в качестве нового образца коэффициента контрастности.

При импорте в качестве образца будут созданы образцы контраста для каждого введенного цвета.

Теперь ваша существующая палитра основана на коэффициенте контрастности. Вы можете начать изменять свою цветовую шкалу и соотношения и поделиться URL-адресом со своими инженерами, чтобы передать параметры, которые им понадобятся для интеграции Леонардо и вашей адаптивной цветовой палитры в ваш продукт.

Пример красной палитры Carbon Design System, сгенерированной массовым вводом

Leonardo позволяет переосмыслить подход к доступности цветового контраста в дизайне пользовательского интерфейса; передать контроль в руки ваших конечных пользователей и сделать доступность динамическая .

Есть много людей, которые находятся между потребностями минимальной контрастности и необходимостью использования высококонтрастных режимов. Будь то из-за плохого зрения или множества технологических или экологических факторов, влияющих на появление контраста на экране. Этим пользователям просто нужно увеличить или отрегулировать яркость или контрастность интерфейса, чтобы облегчить их работу.

Демонстрационное приложение, использующее Leonardo для полностью основанной на коэффициенте контрастности темы и динамического управления яркостью и контрастностью

Интегрируя Leonardo в свои приложения, вы эффективно позволяете пользователям изменять интерфейс в соответствии со своими уникальными потребностями, сохраняя при этом фирменный стиль и эстетику вашего выбора цвета.

В этой статье вы узнаете, как создать единую цветовую шкалу с помощью Leonardo. С тех пор инструмент был улучшен за счет возможности создания нескольких шкал одновременно, все из которых ссылаются на общий цвет фона — другими словами, теперь вы можете создать целую цветовую тему в одном месте . Прочтите эту статью, чтобы узнать, как это сделать, или сразу перейдите по ссылке https://leonardocolor.io/theme.html 9.0003

Инклюзивный дизайн влияет на всех нас, поэтому сделать Леонардо проектом с открытым исходным кодом является приоритетной задачей. Мы хотим, чтобы всем было проще создавать доступные цветовые палитры, а также чтобы продукты предоставляли доступность и инклюзивный дизайн конечным пользователям.

Добавить комментарий

Ваш адрес email не будет опубликован. Обязательные поля помечены *