Возможность выбора цвета на сайте

@iLoveGoogle · Регистрация: 27.09.2011

Студворк — интернет-сервис помощи студентам

Здравствуйте . У меня на сайте должна быть возможность выбора цвета : так сказать цветовая палитра. Чтобы пользователь мог выбрать цвет.
Кто знает такой скрипт или маленький фреймворк который покажет пользователю цветовую палитру если пользователь выберет цвет то программа выдаст мне это цвет.
Правда можно самому написать такой код. Скажем через цикл будет выводится на страницу все цвета. Но это не совсем красиво получится. Готовый код думаю будет красивее.
Знаю,Знаю на HTML5 есть такая встроенная поддержка выбора цвета в <input>-е. Но это код не должен быть на html5.
Помогите пожалуйста если можете.

@Арсен · 08.09.2012, 14:25

Тут лучше самому написать, бедет больше контроля и т.д

Просто создаеш какой нибудь класс, и там методы, в одном будут координаты окошка, а во втором уже рисуется само окошко, само окшко нарисовать и свотами не тяжело и создать массив из тех цветов которых вы хотите, например var colors = Array("#fff","#000","#cococo","#fff000", и т.д);
И присвоить эти цвета итым яцекам цветов окошка

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

@newJS · 08.09.2012, 21:07

Гораздо круче сделать ползуны или кнопки.
Да и места займет меньше и выбор будет "абсолютным", а не ограниченное количество цветов.
Хотелось бы знать, что за крутячий сайт с бешеной посещаемостью? Это не прикол, это вопрос.

@moskitos80 · 08.09.2012, 22:22

Можешь забрать у меня здесь: Выбиралка цветов Color Picker

@Notortep · 09.09.2012, 07:21

Сообщение от iLoveGoogle

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

про "все цвета" - это вы сказанули, не подумав.

даже если ограничиться только RGB-представлением в HEX-виде - от #000000 до #FFFFFF, то это 256*256*256 = 16 777 216 разных цветов и такая "палитра" займет много больше одного экрана.

например, если экран 1280х1024, то это всего 1 310 720 картинок размером 1х1 показать можно.
для показа всех RGB-цветов потребуется 13 экранов.

уж не говорю про форматы grba и hsla (которые уже поддерживаются всеми браузерами) - там количество цветов/оттенков разной прозрачности на 5 порядков больше.

Vovan-VE · 09.09.2012, 07:23

Не по теме:

Сообщение от Notortep

цветов может быть 256*256*256*10 000 =

А это ещё откуда? O_o

@Notortep · 09.09.2012, 07:29

Vovan-VE, уже исправил.

там лишний нолик был.

в форматах rgba и hsla последний атрибут - прозрачность.
от нуля до единицы, с двумя знаками после запятой - от 0.00 до 1.00 - умножать надо на 1000.

Vovan-VE · 09.09.2012, 07:39

Сообщение от Notortep

в форматах rgba и hsla последний атрибут - прозрачность.
от нуля до единицы, с двумя знаками после запятой - от 0.00 до 1.00 - умножать надо на 1000.

Однако, альфа-канал живет всё в том же дискретном 0-255, поэтому имеем 256^4=2^32=0x100000000=4294967296

@newJS · 09.09.2012, 07:41

Ну и выбиралка, из архива и то не работает, а уж места в окне заняла...
Да и выбор цветов слабоват.
Надо поискать где у меня на ползунах сделано, если оно кому то надо?

@Notortep · 09.09.2012, 09:49

Сообщение от Vovan-VE

Однако, альфа-канал живет всё в том же дискретном 0-255,

впервые слышу.

вот здесь указано, что в CSS3

значение альфа принимает от 0 до 1 (рациональные числа).

Vovan-VE · 09.09.2012, 10:14

Не по теме:

Notortep, Ну понятно, что всех действительных чисел существует непрерывное бесконечное множестно. Но в компе оно укладывается в дискретное количество бит и поэтому уже не является бесконечным. Да, Вы можете написать альфа 0.0042 и 0.0043, но Вы не сможете увидеть разницу, даже если очень захотите, потому что оно интерпретируется в пределах 0-255.

@Notortep · 09.09.2012, 10:49

Сообщение от Vovan-VE

оно интерпретируется в пределах 0-255

где об этом можно узнать?

Vovan-VE · 09.09.2012, 11:20

Не по теме:

Сообщение от Notortep

где об этом можно узнать?

O_o В байте пока еще 8 бит. По одному байту на R, G, B и A. Мельче и точнее нет необходимости, ибо человеческий глаз всё равно не заметить разницы.

@Notortep · 09.09.2012, 13:04

Vovan-VE, да, так и есть, для значения альфаканала предусмотрен всего один байт, а это 2⁸ = 256 состояний.

всё логично.
спасибо.

@iLoveGoogle · 09.09.2012, 21:54 **[ТС]**

Ваще парни говоря

Сообщение от iLoveGoogle

все цвета

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

@newJS · 10.09.2012, 06:12

нужна палитра с большим количеством цветов что-бы был большой выбор

этого хватит?

@iLoveGoogle · 10.09.2012, 11:03 **[ТС]**

Де классо newJS!!!
Мне это и нужно было.Действительно большое количество цветов!!!. Щас размеры уменьшу что-бы много место не занимал и ВСЕ. Остается что-бы администратор сайта привык к этому методу выбора цвета.
Спасибо !!!!

@newJS · 10.09.2012, 20:43

Сообщение от iLoveGoogle

Действительно большое количество цветов

Ровно столько, сколько возможно.

Сообщение от iLoveGoogle

Щас размеры уменьшу что-бы много место не занимал и ВСЕ

Ну разве что окно предпросмотра, а размер трека 256 пикселей, его трогать себе дороже.

Управлять можно таская за ручки или щёлкать по треку примерно в нужном месте.

@iLoveGoogle · 10.09.2012, 22:24 **[ТС]**

Сообщение от newJS

Ровно столько, сколько возможно.

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

Новые блоги и статьи Все статьи Все блоги /
Программный контроль заполнения реквизита табличной части документа Maks 02.04.2026 Алгоритм из решения ниже реализован на примере нетипового документа "СписаниеМатериалов", разработанного в конфигурации КА2. Задача: реализовать контроль заполнения реквизита "ПричинаСписания". . .	wmic не является внутренней или внешней командой Maks 02.04.2026 Решение: DISM / Online / Add-Capability / CapabilityName:WMIC~~~~ Отсюда: https:/ / winitpro. ru/ index. php/ 2025/ 02/ 14/ komanda-wmic-ne-naydena/	Программная установка даты и запрет ее изменения Maks 02.04.2026 Алгоритм из решения ниже реализован на примере нетипового документа "СписаниеМатериалов", разработанного в конфигурации КА2. Задача: при создании документов установить период списания автоматически. . .	Вывод данных в справочнике через динамический список Maks 01.04.2026 Реализация из решения ниже выполнена на примере нетипового справочника "Спецтехника" разработанного в конфигурации КА2. Задача: вывести данные из ТЧ нетипового документа. . .
Программное заполнения текстового поля в реквизите формы документа Maks 01.04.2026 Алгоритм из решения ниже реализован на нетиповом документе "ВыдачаОборудованияНаСпецтехнику" разработанного в конфигурации КА2, в дополнении к предыдущему решению. На форме документа создается. . .	К слову об оптимизации kumehtar 01.04.2026 Вспоминаю начало 2000-х, университет, когда я писал на Delphi. Тогда среди программистов на форумах активно обсуждали аккуратную работу с памятью: нужно было следить за переменными, вовремя. . .	Идея фильтра интернета (сервер = слой+фильтр). Hrethgir 31.03.2026 Суть идеи заключается в том, чтобы запустить свой сервер, о чём я если честно мечтал давно и давно приобрёл книгу как это сделать. Но не было причин его запускать. Очумелые учёные напечатали на. . .	Модель здравосоХранения 6. ESG-повестка и устойчивое развитие; углублённый анализ кадрового бренда anaschu 31.03.2026 В прикрепленном документе раздумья о том, как можно поменять модель в будущем

@iLoveGoogle 18 / 18 / 2 Регистрация: 27.09.2011 Сообщений: 155

	Возможность выбора цвета на сайте 07.09.2012, 21:40. Показов 8731. Ответов 18 Метки нет (Все метки) Здравствуйте . У меня на сайте должна быть возможность выбора цвета : так сказать цветовая палитра. Чтобы пользователь мог выбрать цвет. Кто знает такой скрипт или маленький фреймворк который покажет пользователю цветовую палитру если пользователь выберет цвет то программа выдаст мне это цвет. Правда можно самому написать такой код. Скажем через цикл будет выводится на страницу все цвета. Но это не совсем красиво получится. Готовый код думаю будет красивее. Знаю,Знаю на HTML5 есть такая встроенная поддержка выбора цвета в <input>-е. Но это код не должен быть на html5. Помогите пожалуйста если можете. 0

@Арсен 22 / 22 / 4 Регистрация: 04.05.2012 Сообщений: 73
	08.09.2012, 14:25
	Тут лучше самому написать, бедет больше контроля и т.д Просто создаеш какой нибудь класс, и там методы, в одном будут координаты окошка, а во втором уже рисуется само окошко, само окшко нарисовать и свотами не тяжело и создать массив из тех цветов которых вы хотите, например var colors = Array("#fff","#000","#cococo","#fff000", и т.д); И присвоить эти цвета итым яцекам цветов окошка Я щас тоже начал учить javascript и php, нехотите вместе поработать, тоесть над одним сайтом вдвоем поработать, если конешно вы сайт для себя делаете. 0

@newJS 2436 / 1115 / 312 Регистрация: 23.06.2011 Сообщений: 3,531
	08.09.2012, 21:07
	Гораздо круче сделать ползуны или кнопки. Да и места займет меньше и выбор будет "абсолютным", а не ограниченное количество цветов. Хотелось бы знать, что за крутячий сайт с бешеной посещаемостью? Это не прикол, это вопрос. 0

@moskitos80 442 / 99 / 42 Регистрация: 04.10.2011 Сообщений: 359
	08.09.2012, 22:22
	Можешь забрать у меня здесь: Выбиралка цветов Color Picker 1

@Notortep Заблокирован
	09.09.2012, 07:29
	Vovan-VE, уже исправил. там лишний нолик был. в форматах rgba и hsla последний атрибут - прозрачность. от нуля до единицы, с двумя знаками после запятой - от 0.00 до 1.00 - умножать надо на 1000. 0

@newJS 2436 / 1115 / 312 Регистрация: 23.06.2011 Сообщений: 3,531
	09.09.2012, 07:41
	Ну и выбиралка, из архива и то не работает, а уж места в окне заняла... Да и выбор цветов слабоват. Надо поискать где у меня на ползунах сделано, если оно кому то надо? 0

Vovan-VE
	09.09.2012, 10:14
	Не по теме: Notortep, Ну понятно, что всех действительных чисел существует непрерывное бесконечное множестно. Но в компе оно укладывается в дискретное количество бит и поэтому уже не является бесконечным. Да, Вы можете написать альфа 0.0042 и 0.0043, но Вы не сможете увидеть разницу, даже если очень захотите, потому что оно интерпретируется в пределах 0-255. 0

@Notortep Заблокирован
	09.09.2012, 13:04
	Vovan-VE, да, так и есть, для значения альфаканала предусмотрен всего один байт, а это 2⁸ = 256 состояний. всё логично. спасибо. 0

@iLoveGoogle 18 / 18 / 2 Регистрация: 27.09.2011 Сообщений: 155
	10.09.2012, 11:03 [ТС]
	Де классо newJS!!! Мне это и нужно было.Действительно большое количество цветов!!!. Щас размеры уменьшу что-бы много место не занимал и ВСЕ. Остается что-бы администратор сайта привык к этому методу выбора цвета. Спасибо !!!! 0