Сообщение Re: Как удобнее выбирать цвет дизайнеру? от 04.11.2022 13:58
Изменено 05.11.2022 2:34 Baiker
Re: Как удобнее выбирать цвет дизайнеру?
Тот самый "чужой контрол" переписал — сделал компактнее и удобнее. Диалог получился такой:
Ползунком находим нужный hue, потом елозим по Saturation/Luminosity палитре и после того, как цвет выбран, в блоке Luminosity palette выводится 11 плашек, где luminosity варьируется с шагом 10. Ну то есть не надо рыскать по большому полю в поисках цвета, а можно посмотреть на более ограниченный выбор.
Вот та какашечка на поле — это "курсор цвета". Он сделан контрастным за счёт выбора "противоположного" цвета (на hue круге). Меняем hue — курсор тоже его меняет и всегда хорошо виден (хотя и не особо важная деталь).
Приятная особенность — при ручном вводе/paste RGB кода, не нужно ипасса и убирать лишние символы — поле просто находит первые 6 hex-цифр и делает из них цвет (т.е. можно вводить даже "color: #22A9E1" откуда-то из CSS и поле спокойно это воспримет).
Ну чё, как, мужики-дизайнеры, всем ползунков хватает?
Очень надеюсь, что контрол будет удобен. После "стандартных" диалогов меня аштрисёт.
Ползунком находим нужный hue, потом елозим по Saturation/Luminosity палитре и после того, как цвет выбран, в блоке Luminosity palette выводится 11 плашек, где luminosity варьируется с шагом 10. Ну то есть не надо рыскать по большому полю в поисках цвета, а можно посмотреть на более ограниченный выбор.
Вот та какашечка на поле — это "курсор цвета". Он сделан контрастным за счёт выбора "противоположного" цвета (на hue круге). Меняем hue — курсор тоже его меняет и всегда хорошо виден (хотя и не особо важная деталь).
Приятная особенность — при ручном вводе/paste RGB кода, не нужно ипасса и убирать лишние символы — поле просто находит первые 6 hex-цифр и делает из них цвет (т.е. можно вводить даже "color: #22A9E1" откуда-то из CSS и поле спокойно это воспримет).
Ну чё, как, мужики-дизайнеры, всем ползунков хватает?
Очень надеюсь, что контрол будет удобен. После "стандартных" диалогов меня аштрисёт.Re: Как удобнее выбирать цвет дизайнеру?
Тот самый "чужой контрол" переписал — сделал компактнее и удобнее. Диалог получился такой:
Ползунком находим нужный hue, потом елозим по Saturation/Luminosity палитре и после того, как цвет выбран, в блоке Luminosity palette выводится 11 плашек, где luminosity варьируется с шагом 10. Ну то есть не надо рыскать по большому полю в поисках цвета, а можно посмотреть на более ограниченный выбор.
Вот та какашечка на поле — это "курсор цвета". Он сделан контрастным за счёт выбора "противоположного" цвета (на hue круге). Меняем hue — курсор тоже его меняет и всегда хорошо виден (хотя и не особо важная деталь).
Приятная особенность — при ручном вводе/paste RGB кода, не нужно ипасса и убирать лишние символы — поле просто находит первые 6 hex-цифр и делает из них цвет (т.е. можно вводить даже "color: #22A9E1" откуда-то из CSS и поле спокойно это воспримет).
Ну чё, как, мужики-дизайнеры, всем ползунков хватает? Очень надеюсь, что контрол будет удобен. После "стандартных" диалогов меня аштрисёт. Кому руками пощупать — на гитхабе завёл проектик.
Ползунком находим нужный hue, потом елозим по Saturation/Luminosity палитре и после того, как цвет выбран, в блоке Luminosity palette выводится 11 плашек, где luminosity варьируется с шагом 10. Ну то есть не надо рыскать по большому полю в поисках цвета, а можно посмотреть на более ограниченный выбор.
Вот та какашечка на поле — это "курсор цвета". Он сделан контрастным за счёт выбора "противоположного" цвета (на hue круге). Меняем hue — курсор тоже его меняет и всегда хорошо виден (хотя и не особо важная деталь).
Приятная особенность — при ручном вводе/paste RGB кода, не нужно ипасса и убирать лишние символы — поле просто находит первые 6 hex-цифр и делает из них цвет (т.е. можно вводить даже "color: #22A9E1" откуда-то из CSS и поле спокойно это воспримет).
Ну чё, как, мужики-дизайнеры, всем ползунков хватает?
Очень надеюсь, что контрол будет удобен. После "стандартных" диалогов меня аштрисёт. Кому руками пощупать — на гитхабе завёл проектик.