|
|
|
Подбор контрастного цвета
|
|||
|---|---|---|---|
|
#18+
Имеется некий список, в котором пользователь может выбирать цвет выделения различных элементов на свой вкус. Вопрос: есть ли какой-нибудь простой способ подобрать к выбранному цвету другой, контрастный, чтобы текст этого цвета легко и приятно читался на выбранном фоне? Заставлять выбирать оба цвета не хочу, т.к. это излишне. ... |
|||
|
:
Нравится:
Не нравится:
|
|||
| 21.04.2020, 19:09 |
|
||
|
Подбор контрастного цвета
|
|||
|---|---|---|---|
|
#18+
alekcvp, Можно использовать значения подобранные на основе цветового круга . ... |
|||
|
:
Нравится:
Не нравится:
|
|||
| 21.04.2020, 19:38 |
|
||
|
Подбор контрастного цвета
|
|||
|---|---|---|---|
|
#18+
1) получить значение яркости цвета (как вариант: 0.299*R + 0.587*G + 0.114*B) если яркость < половинной (128) - берем белый как контрастный фон (вариант - желтый и т.п.) иначе берем черный как контрастный фон (вариант - темно-синий и т.п.) 2) 10970964 ... |
|||
|
:
Нравится:
Не нравится:
|
|||
| 21.04.2020, 19:48 |
|
||
|
Подбор контрастного цвета
|
|||
|---|---|---|---|
|
#18+
L1G, 1. Ага, вот об это думал, но проблема в том, что в дельфи некоторые цвета идут как системные, а не в RGB значениях. 2. Не работает, даёт ужасные сочетания. ... |
|||
|
:
Нравится:
Не нравится:
|
|||
| 21.04.2020, 20:55 |
|
||
|
Подбор контрастного цвета
|
|||
|---|---|---|---|
|
#18+
_Den_Z_ alekcvp, Можно использовать значения подобранные на основе цветового круга . Интересная штука, спасибо. Но слишком заморочено для моей задачи, хотя потом надо будет поковырять. ... |
|||
|
:
Нравится:
Не нравится:
|
|||
| 21.04.2020, 20:56 |
|
||
|
Подбор контрастного цвета
|
|||
|---|---|---|---|
|
#18+
alekcvpпроблема в том, что в дельфи некоторые цвета идут как системные, а не в RGB значениях. И переводятся в RGB вызовом одной функции. alekcvpслишком заморочено Пара умножений нынче "слишком заморочено". Ню-ню... Всего-то перейти в пространство HSV, повернуть на 180 и вернуть обратно. Posted via ActualForum NNTP Server 1.5 ... |
|||
|
:
Нравится:
Не нравится:
|
|||
| 21.04.2020, 22:17 |
|
||
|
Подбор контрастного цвета
|
|||
|---|---|---|---|
|
#18+
alekcvp Вопрос: есть ли какой-нибудь простой способ подобрать к выбранному цвету другой, контрастный, чтобы текст этого цвета легко и приятно читался на выбранном фоне? Для любого цвета контрастный будет находится в одной из вершин цветового куба. Просто считай евклидово расстояние для всех 8-ми и бери максимальное. ... |
|||
|
:
Нравится:
Не нравится:
|
|||
| 21.04.2020, 22:26 |
|
||
|
Подбор контрастного цвета
|
|||
|---|---|---|---|
|
#18+
Соколинский Борис, Если так делать - "вырви глаз" будет. Несколько предустановленных цветов фона дает лучший результат. ... |
|||
|
:
Нравится:
Не нравится:
|
|||
| 21.04.2020, 23:00 |
|
||
|
Подбор контрастного цвета
|
|||
|---|---|---|---|
|
#18+
Поменять яркость контрастность цвета: Код: pascal 1. 2. 3. 4. 5. 6. 7. 8. 9. 10. 11. 12. 13. 14. 15. 16. 17. 18. 19. 20. 21. 22. 23. 24. 25. 26. 27. 28. 29. 30. 31. 32. 33. 34. 35. 36. 37. 38. 39. 40. 41. 42. 43. 44. 45. 46. 47. 48. 49. 50. 51. 52. 53. 54. 55. 56. 57. 58. 59. 60. 61. 62. 63. 64. Если нужно менять оттенок, то проще это делать через HSL или HSV. ... |
|||
|
:
Нравится:
Не нравится:
|
|||
| 22.04.2020, 05:58 |
|
||
|
Подбор контрастного цвета
|
|||
|---|---|---|---|
|
#18+
учитывайте, что при инвертировании цвета или его отдельных характеристик (H,L,S) средне-серый цвет превратится в средне-серый (контраста не будет) ... |
|||
|
:
Нравится:
Не нравится:
|
|||
| 22.04.2020, 11:46 |
|
||
|
Подбор контрастного цвета
|
|||
|---|---|---|---|
|
#18+
L1Gсредне-серый цвет превратится в средне-серый А для него вообще контраст существует?.. Posted via ActualForum NNTP Server 1.5 ... |
|||
|
:
Нравится:
Не нравится:
|
|||
| 22.04.2020, 18:19 |
|
||
|
Подбор контрастного цвета
|
|||
|---|---|---|---|
|
#18+
alekcvp, Не надо пытаться делать это по формулам. Сделать массив - табличку соответствия фонового цвета и цвета шрифта, ну или какое направление преобразования нужно. На основе например таки примеров как здесь- руками. https://www.bdblogov.ru/2014/05/aspick-compatibility-background-color.html (тот же цветовой круг, но закодированный таблицами а не формулами). Для составления таблиц походить по дизайнерским ресурсам для подбора палитр типа такого, их миллион http://colormind.io/template/material-dashboard/ Для кодирования цветов советую константы из модуля Vcl.Graphics, соотвтевующие Безопасная 216 цветовой палитре Netscape. Тут же есть оптимальные цвета шрифта. https://ru.wikipedia.org/wiki/Цвета_HTML Все же хардкодить пару цвет - шрифт не советую, если у вас получится какашка, чтобы у юзера была возможность поменять. можно устанавливать цвет шрифта при смене фона , но с возможностью дальше поменять. Если хочется реального сервиса для пользователя, лучше предлагать поменять не отдельные цвета, а сразу сочетаемые палитры, какие предлагаются на ресурсах. ... |
|||
|
:
Нравится:
Не нравится:
|
|||
| 22.04.2020, 20:04 |
|
||
|
Подбор контрастного цвета
|
|||
|---|---|---|---|
|
#18+
Dimitry Sibiryakov А для него вообще контраст существует?.. Если строго, средне-серого нет. RGB(127,127,127) - темнее его, а RGB(128,128,128) - светлее. Also: RGB(128,127,128) - темнее, а RGB(127,128,127) - светлее. ... |
|||
|
:
Нравится:
Не нравится:
|
|||
| 22.04.2020, 21:19 |
|
||
|
Подбор контрастного цвета
|
|||
|---|---|---|---|
|
#18+
Получение яркости контрастного цвета по отношению к основному, в общем, задача тривиальная. Привожу пример для автоматического выбора яркости контрастного цвета с процентным подмешиванием основного цвета, но без подмешивания других оттенков. Существуют и достаточно простые решения для автоматического выбора яркости контрастного цвета, отличного от основного. ... |
|||
|
:
Нравится:
Не нравится:
|
|||
| 23.04.2020, 00:28 |
|
||
|
|

start [/forum/topic.php?fid=58&fpage=46&tid=2038390]: |
0ms |
get settings: |
8ms |
get forum list: |
17ms |
check forum access: |
2ms |
check topic access: |
2ms |
track hit: |
20ms |
get topic data: |
8ms |
get forum data: |
5ms |
get page messages: |
37ms |
get tp. blocked users: |
1ms |
| others: | 258ms |
| total: | 358ms |

| 0 / 0 |
