Где разместить текстовые метки в пользовательской палитре цветов

Вам не нужны текстовые метки.

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

Вы отметили, что у Adobe есть индикатор предыдущего/нового цвета в своих палитрах цветов, поэтому возьмите их в качестве примера — у них нет текста, обозначающего цвета, и ясно (по крайней мере, мне), что они собой представляют.

Если у вас есть текстовые метки...

Если вы добавите текстовые метки, я бы не стал использовать «текущий цвет». «Текущий» немного двусмысленен, его можно принять либо за предыдущий цвет (в настоящее время выбранный вне средства выбора), либо как новый цвет (выбранный в настоящее время в средстве выбора). Используйте что-то вроде «предыдущий» и «новый» или «старый» и «новый».

Метки также должны быть намного менее заметными, чем значения. Сделайте их меньше шестнадцатеричных значений и, возможно, более легкий вес. Краткий пример:

Re: Ввод текста

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

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

Другой вариант, если вы хотите сделать ввод действительно очевидным, — использовать значок с вводом:

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