lingvoblog
свежее комменты
рубрики

Если вы хотите получать уведомления о новых записях на блоге Mannodesign.Com, то просто подпишитесь на RSS-рассылку.

Введите ваш e-mail:

CSS Prism расскажет о цвете все

line

cssprism1.jpg

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

Речь идет, разумеется, не о рубанках, молотках и гвоздиках, а о различных программах и он-лайн сервисах, помогающих быстро и легко решить массу задач. Одной из таких задач для любого дизайнера, несомненно, является подбор или нахождение гармоничных цветовых сочетаний. Наверняка многие уже наслышаны про Kuler от Adobe. Но зачастую в качестве вдохновителя выбирается какой-либо уже существующий сайт, и хочется разузнать, какие же цвета используются там. Можно, конечно же, сделать принт экрана и после в Photoshop пипеткой выцарапывать цвета по пикселю. Можно также воспользоваться какой-нибудь микро-программой вроде Pixie или специальным плагином в FireFox.

Но я нашла более интересный способ. Это он-лайн сервис CssPrism.Com. Конечно, любую картинку он не представит в виде списка используемых цветов. В качестве исходного материала он использует css файл исследуемого сайта. То есть, ему достаточно скормить в качестве ссылки путь к этому файлу. И на выходе мы получаем красивую подборочку плашек с кодами цветов, которые применены на данном сайте.

cssprism2.jpg

Кроме того, если кликнуть по любой из плашек, то они все разворачиваются в более подробные описания с примерами отображения каждого из цветов на черном, сером и белом фонах. Очень наглядно и полезно. Рекомендую!

cssprism3.jpg

Постовой:
Качественная фотосъемка вкупе с mont blanc watch replica вряд ли расскажет вам, что такое настоящая перевозка груза

29.09.2009 Рубрика: Инструменты

Комментарии (5)

  1.   Комментарий от mazder — 29 Сентябрь 2009 #

    Спасибо за полезняшечку :) будем пользоваться.

  2.   Комментарий от art — 29 Сентябрь 2009 #

    привык к pixie, но это сервис на всякий случай в избранные добавил

  3.   Комментарий от kikaha — 29 Сентябрь 2009 #

    Вот спасибо, добавлю в свою коллекцию!
    Не помню, хватсался я уже у тебя или нет :) В общем, посмотри ещё тут: http://www.orqwe.com/Design/Color_tools - уже полтора десятка близких по функционалу онлайн утилит, мейби что-то понравится

  4.   Комментарий от Alex — 30 Сентябрь 2009 #

    А выковыривать адрес css не лень?
    Могу сделать сервис такой же но указывать достаточно только url
    кстати как быть с графическими элементами ? их можно и по GD разбирать

  5.   Комментарий от Настя Манно — 30 Сентябрь 2009 #

    mazder, art, вэлкам! :)

    Андрюш, отличная задумка - полезные он-лайн сервисы в одной кучке. Спасибо! Положила к себе в закладочки.

    Алекс, если сделаешь такое - будет просто замечательно! Ведь и правда выцарапывать адреса к css-файлам порой морочно.

Трэкбеки

Пожалуйста, оставьте ваш комментарий. Спасибо!