Цветовая схема и гамма

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

    В статье:

    В первой части:

    • Вводная информация.
    • Таблица базовых цветов и RGB-значений цвета.

    Во второй части:

    • Обзор сайтов-микшеров по подбору правильных сочетаний.
    • Обзор очень полезной программы в этом деле — ColorPic.
     

    Часть 2:

    В прошлом посте (Часть 1 (!!! не Хабрахабр!!!)) я написал о цветах, таблицы базовых цветов и тд. Разобраться в этом не просто. И подбирать правильно желательные цвета с ходу бывает сложно. Для выполнения этих действий есть целая серия веб-сайтов-микшеров, о которых я собираюсь сейчас рассказать. Работают эти сервисы по простому принципу: вы выбираете один цвет, который вам хочется видеть в вашей работе, а сервис подбирает остальные.

    kuler.adobe.com

    Этот сервис работает имено так. Выбираете и настраиваете один цвет, другие настраиваются соответственно. kuler_adobe Есть раздел с отсортированными наборами цветов по рейтингу популярности. А так же с новыми палитрами. kuler_adobe2 http://kuler.adobe.com/

    colorvision.name

    Этот сервис работает тем же алгоритмом. Выбираем и настраиваем. Есть возможность экспорта в Photoshop и Illustrator. Colorvision_Name http://colorvision.name/  

    colourlovers.com

    Еще один микшер. Теже рейтинги, много вариантов готовых вариаций цвет. Довольно удобно. colourlovers http://www.colourlovers.com/  

    colr.org

    По другому принципу работает colr.org. Он использует в работе фотографии. Загружайте нужную фотографию и с нее смотрите цвета. Есть поддержка загрузки с фото-хостинга Flickr. В работе он по началу не сильно понятен, но разобратся и извлечь пользу со времен можно. colr_org http://www.colr.org/  

    colorblender.com

    Еще один представитель микшеров. В принципе выполняет все те же функции. Умеет сохранять настройки в файл для Фотошопа и Иллюстратора. colorblender http://www.colorblender.com/  

    Есть и представители десктоп-вариантов микшеров.

    Один из этих представителей — программа ColorSchemer Studio OSX. Цвет можно задать как кодом, так и просто выбрать с палитры в программе. Созданные так назваемые схемы можно сохранить, для последующего применения в том же фотошопе. osx_screen_main_200 osx_screen_photoschemer_200 http://colorschemer.com/osx_info.php  

    И на последок — ColorPic

    Программа которая, на протяжении уже долгого времени, очень сильно помогала. ColorPic ColorPic — Утилита для взятия цвета любой точки экрана, сохранения его в палитре и/или помещения кода цвета в буфер обмена. ColorPic также включает в себя цветовой миксер, позволяющий анализировать и изменять отобранный цвет, используя "соты", радугу, оттенок или регулировку индивидуальными ползунками. Кроме этого, ColorPic позволяет подобрать наиболее близкий цвет, соответствующий веб-палитре, а также использовать собственную цветовую палитру. 10 советов начинающим. 1. Захват цвета 1 Чтобы захватить цвет из экрана, нужно навести указатель мыши в нужную точку и нажать "Ctrl" и "G" на клавиатуре. Выбранный цвет появится в Чипсе (ячейке). Чтобы снять захват цвета с ячейки просто нажмите "Ctrl" и "G" снова.   2. Точный цвет захвата 2 Используйте стрелки на клавиатуре, чтобы подтолкнуть указателя мыши на один пиксель.     3. Выбор Чипс 3 Используйте мышь или используйте функциональные клавиши в верхней части клавиатуры, чтобы выбрать цвет фишек в вашу палитру.     4. Проблемы малого экрана 4 Используйте синий вверх и вниз переключать кнопки на каждой из пяти секций, чтобы сохранить пространство экрана. Вы также можете изменить размер ColorPic окно снизу справа.   5. Увеличить 5 Изменить коэффициент увеличения ползунком выше magnifier области.     6. Гладкая Образцы цветов 6 Используйте размер точки ползунком над увеличением области, чтобы выбрать одного, 3x3 или 5x5 пикселов размер точки для более плавного цвет выборки.   7. Websafe Цвета 7 Если выбранный цвет не websafe нажмите "WebSnap" для изменения цвета до ближайшего безопасного значения.     8. Укажите точный цвет 8 Используя клавиатуру можно ввести точное значение в любом из цветовых текстбоксов, в том числе Hue, Saturation и Val textboxes.   9. Использование цветовых смесителей 9 При использовании любых цвет смесителей и ползунков вы можете использовать клавиши со стрелками на клавиатуре и мышь, чтобы подтолкнуть цвет посредством одного шага.   10. Используйте цвета в другой заявки 10 Чтобы использовать десятичные или шестнадцатеричные значения цвета в другом приложении нажать соответствующую кнопку "Копировать". Затем, в другой Вашей заявки вы можете использовать команду или вставьте "Ctrl + V", чтобы добавить.   Скачать и оригинал мануала
    Источник

    Комментарии 24

      0
      Есть такая штука хорошая, Genopal и её онлайновая версия. Мне очень нравится.
        0
        о, спасибо. не знал о ней.
          0
          What about linux?
          0
            0
            спасибо. буду знать:)
            0
            неплохая подборка, но выводов не хватает и по ColorPic не много ли подробностей?
              0
              ColorPic - хорошая программа. Сильно ускоряла процессы, в свое время. Просто мануальчик, как быстрее разобратся в ней (перевод с оригинального сайта).
              А выводы, так они по своему хороши. Каждый сам посмотрит и для себя выберет.
              0
              Спасибо, ссылка порадовала. Смог быстренько подобрать чуть более удачные цвета под базовый на одном из проектов.
              0
              Спасибки! классная статейка.
              вот этим ещё можно:
              [ws] Color Scheme Generator 2 - как пользовоться, надеюсь, разберетесь..
              набор палитр
                0
                http://wellstyled.com/tools/colorscheme2/index-en.html" -[ws] Color Scheme Generator 2
                http://avy.ru/programs/palet/"- набор палитр
                  0
                  :) спасибо за участие.
                0
                На мой взгляд одна из удачнейших программ для десктопа - Color Wheel Pro (http://www.color-wheel-pro.com/)
                  0
                  спасибо за участие!
                  0
                  А http://kuler.adobe.com/ — в дауне. Говорит: The server encountered an internal error and was unable to complete your request. JRun closed connection.

                  Автору — спасибо, подборка отличная. Да и в целом тема заслуживает того, чтобы её актуализировали такими вот обзорами.
                    0
                    Стоило пожаловаться на http://kuler.adobe.com/ и всё заработало :)
                      0
                      мне, кстати, это творение Adobe больше всех нравится.
                      спасибо за участие!
                    0
                    По данной теме.
                    Есть много цветовых таблиц
                    http://www.visibone.com/color/

                    Например таких:
                    visibone visibone

                    http://users.livejournal.com/_fontan/424…
                    спасибо за ссылку Фонтану
                      0
                      спасибо за участие! за прайс только не каждый станет приобретать...
                        0
                        за прайс -> печатные версии
                        посмотрите внимательней

                        думаю большинству за глаза хватит 72dpi
                        http://www.visibone.com/color/chart_847.…
                          0
                          видел. в принципе да. пипеткой (тем же ColorPic) легко работать и с этим.
                      0
                      У меня этот пост был в избранном. Куда пропали картинки?!

                      Расстраивают мнения людей, что их говоноблог на своём хостинге может быть более стабильным, чем тот же imageshack.
                        0
                        Блин. Я забыл про него. Не, с хостом было нормально, просто проект закрылся. Но картинки поправлю в ближайшее время.
                          0
                          Картинок снова нет.

                      Только полноправные пользователи могут оставлять комментарии. Войдите, пожалуйста.

                      Самое читаемое