Главная » ПК/Интернет » Коды цветa в html - 2 часть
Коды цветa в html - 2 часть
Продолжаю тему кодов цвета.
http://color.romanuke.com
Цвет в дизайне сайта
- Подбор цвета
- Цветовой круг
- Готовые наборы палитр
- Палитры по изображениям
Сочетание цвета приятно глазу и читатель обязательно повторно заглянет на ваш сайт, если у вашего ресурса приятный дизайн, легко читаемый шрифт, интересные иллюстрации. А подобрать нужные цвета помогут цветовые палитры, цветовые палитры по фото, цветовые круги и просто сочетаемые цвета.
Всё это можно найти на сайтах, которые отмечены ниже.
Список программ и сервисов большой. И конечно я не предлагаю пользоваться ими всеми сразу. Можно положить в закладки несколько полезных и нужных, именно вам, те, которые удобны и "заточены" под вас.
https://www.sessions.edu/color-calculator/
Список программ и сервисов большой. И конечно я не предлагаю пользоваться ими всеми сразу. Можно положить в закладки несколько полезных и нужных, именно вам, те, которые удобны и "заточены" под вас.
https://www.sessions.edu/color-calculator/
Цветовые круги, для подбора сочетаемых цветов.
![sessions.edu sessions.edu](https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEgaukDxYw8m3bhA9uciIRpVOyy102X8r8YoPCQnDoBDDgjGCRnjy-6epOEEWUKm6V5Oep13ga3I36UhFJ-fIkhHijSLViD6HBOgXyaBbCVw_5UQgYO26qKMg5mKaYid-61HoBrlghRY_9q2q4m2eSoevmGkg-g4wmAXP6jn9qxBQATMRl7qnJfXCUpnxQ/w320-h147-rw/%D1%81%D0%BA%D1%80%D0%B8%D0%BD%D1%88%D0%BE%D1%82-0340-2022.jpg)
http://color.romanuke.com
Предлагаются красивые готовые наборы палитр. Очень красивые сочетания цвета.
http://colory.ru/colorgenerator
![color.romanuke color.romanuke](https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEjk_bguiPfC48eFj5evBl9t2xvAtBW2PdL4td00vTDEpEixiamrJJ9ULkFFZZ7LPS0IdYlsenMK0FRENhDzUsIh3DFofoaqh_G6SxYLq4uvL1_L62_WRf63-BZ453ColrvPD0Qur3Sl5dYy6o387iVzn_o3skpJg4xX1ti_At3Bhnbq54mNyE7zZSIkzw/w159-h200-rw/%D1%81%D0%BA%D1%80%D0%B8%D0%BD%D1%88%D0%BE%D1%82-0341-2022.jpg)
Цветной круг поможет создать красивый набор цветов. Кроме этого на сайте море полезной информации о цвете.
https://color.adobe.com/ru
![colorgenerator colorgenerator](https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEi90eb3sKFECqRuhQXJjkUjtG8rttYateKqVzJrY2Ne5GRqhdA3DogVRCLiafGb6SaQjVNGo1JCMk--j2EQ3uQlx7DeESapQfCY2fALfWsFp0ayucVwJ3Y55uVOtGVASumzgwuOezuFXzH9s4OiOVvhqdUfkb1w9MIKd3OnLNuS1UIqOsZeetPl5b80MQ/w320-h228-rw/%D1%81%D0%BA%D1%80%D0%B8%D0%BD%D1%88%D0%BE%D1%82-0342-2022.jpg)
Подбор цветов по фотографии .
http://hostciti.net/calc/it/color3.html
![подбор цвета по картинке подбор цвета по картинке](https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEjLjdK8fMwEbgN2FaqdcouFb_92tCm5Zaryku7hxNoo0UXwvVkuX8x4WsJOwHGjuiOW5sUmRY1S7eCp8TEVYmvVmylSmluK--jhXGLYEmQxppBHx4P2KsYfgXeCutQXEbcXhdjbzwHRykcDgoZxyHSdQTk59GrMHM_zARMF1ZG52C9YZFxTUArC6b6fJw/w320-h229-rw/%D1%81%D0%BA%D1%80%D0%B8%D0%BD%D1%88%D0%BE%D1%82-0343-2022.jpg)
Сочетание цвета.
http://colorblender.com/
![hostciti.net hostciti.net](https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEjC2D_tIvP1SEzrSanLTsMOOqqjvYZGVyA4xcUf6cRtidvUzsKos-947PB21OSq7MgXBjMHYlmSrlcTJ6K0bHnRm2bF45UTdyDMjzSCjKf9ZCwD_PqF_LFzrFNrEmQEY5hTh0dzErEsCkyQluvf7zmlN6UuYfJx8DnYptKhq0ykuEaUGFapMahsCFyFQA/w320-h213-rw/%D1%81%D0%BA%D1%80%D0%B8%D0%BD%D1%88%D0%BE%D1%82-0344-2022.jpg)
Подбор подходящих по цвету оттенков.
http://colorexplorer.com/
Можно подобрать палитру по картинке, по цвету, есть и готовые палитры.
http://paletton.com
Ещё один цветной круг.
http://web.colorotate.org/
Цветовой конус.
https://www.imgonline.com.ua
![colorblender colorblender](https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEid5QeDht3M7hiPA8JKEYyDO5N5DWT2ywP60sx2TFDJzJDznZrimWs-g7jLHQwtnk5pmCQ_QZm0_F7lBG65n_ye0_ZQhX5wFBLsvB_RIgUvc9yLx_fC5JU0VN9CiUUVCKIlbUpbCHqUS1Wtlpb4s__gtfIly7_vV2Flb4AVtJ-qMCKAp2T-wNmu3AMdBw/w320-h168-rw/%D1%81%D0%BA%D1%80%D0%B8%D0%BD%D1%88%D0%BE%D1%82-0345-2022.jpg)
https://www.colorspire.com/
На сайте можно просмотреть как будут сочетаться выбранные цвета.![colorspire colorspire](https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEjrSk3I0JR7bFyC6A25nKkeW73n2TjEeteYvF6DgTefXJpoWfVRwHTzlZzwJOqfccBEGbyUFI9v3MCpJ2UA6PrnYNXv79pt0erGj2tPam2kLm4Z2CzYlBu6OSRwkHAho0QCR9cH7mdLrrQoA-RRERqZzs0KL22Z0S0JZPC4ykdC8aK5t7xDsGP09ZSIyQ/w320-h168-rw/%D1%81%D0%BA%D1%80%D0%B8%D0%BD%D1%88%D0%BE%D1%82-0345-2022.jpg)
Можно подобрать палитру по картинке, по цвету, есть и готовые палитры.
![colorexplorer colorexplorer](https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEheHahFKTfuO9Rjm2wtbgpu28ibMB_BaOLMa8d8JBuyO3SpvR4tOVcY3KqF1s1vhQ2Qw4hapR09J6G_XPivvJdc9IrDJjiBDNz9k59DZg0bJqvkctN_V4MwoEejS_h879Io-5EUphplkcU7CiSP702GKb-kOXGhcyCC2fBbNcyPqZLm9ieDsjJX6dcxig/w320-h120-rw/%D1%81%D0%BA%D1%80%D0%B8%D0%BD%D1%88%D0%BE%D1%82-0347-2022.jpg)
Ещё один цветной круг.
![paletton paletton](https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEg_WeDRNb9tspLwUK9JJmiIaBSqb_ImX881YIXpgf8Hr2xfNOy8lNZV92Y4f_jk6s8lA9eK_sH4__WMsQa26TQT4rFKPxjkLEiJSd3rrR3bP6LI13tYTSLJz3AC3fvBQdE-53JFhu6KuHuhQvCacCzp5yxZ5OCifSHsJLBNJSRyVpvIvAlQibrfn1JIxQ/w320-h167-rw/%D1%81%D0%BA%D1%80%D0%B8%D0%BD%D1%88%D0%BE%D1%82-0348-2022.jpg)
Цветовой конус.
![web.colorotate web.colorotate](https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEiZKEfhXpFo-jhdOLr5mGE9grixJxOLue54L-MyeuxyrcJkXT5Kz65qb9TJ5etNRtfc1Y4FqrtZUGmUCMNC58_R9aBh5868G65s1VI-LoheUEuBfiyQ4dPdm7c-qGP7i_MsF5ztJOPQYj95OxyQyG8zRUIS5TyPr6n3CkIeP1xrWijT9T-QatPSrkExMA/w320-h193-rw/%D1%81%D0%BA%D1%80%D0%B8%D0%BD%D1%88%D0%BE%D1%82-0349-2022.jpg)
Сайт, где можно найти много полезных онлайн-программ.
http://www.degraeve.com
![imgonline imgonline](https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEj6rdRzMlNY4doKjhIOvu8cPHkeQ5JfBU4jFHCPRIJGjipFSjZcpZub9brQvO_nDa3W9tVy0FO5YED-aCpHf5VVx5lfUawDPT_xsKT_XdLdwtALuTsdS_oOjQ2BAGL3h27ssov-ebJ5QlxcFlX1oMM6hJukfw-lZb7zezopZps4rt1YjPRiC3W8cBkhPw/w280-h320-rw/%D1%81%D0%BA%D1%80%D0%B8%D0%BD%D1%88%D0%BE%D1%82-0350-2022.jpg)
http://www.colourgrab.com
Подобрать цвета по картинкам
![colourgrab colourgrab](https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEhIXZ-W4AJtrETbHN2e8tfG_CiRGeCxITZrdt6mWPHOOD9AkOv440Vrc_kOGLl-ZMqxyp3lK_eqTaqu1envXAFv6HacUvwRlxtmseEjIN0Yy5KEFMwP7_OWef2pDgwoe8jguMaLxuhD_ieLLldzyi1prmaPju0nZqZitSS5GcbzmRiWa1qLEAhkAA_zbg/w320-h164-rw/%D1%81%D0%BA%D1%80%D0%B8%D0%BD%D1%88%D0%BE%D1%82-0351-2022.jpg)
Цвет по картинке.
![egraeve egraeve](https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEiDkZOWwJtZvI016o2a40MIcGVwaeSmoeQZknJfUHV5UcGE3YxOUUyUPXZESySdldN28hE91_yEAM4bdl9-t5vOj47iBRx55U2ql257G33eWPP-gPEmmXJC66u6b8JllTZlkrYTcilMLSYb5DnuebETs1kjVNBUYUTqJlHxeD6j_eGBFmVFLlycjocEvg/w320-h137-rw/%D1%81%D0%BA%D1%80%D0%B8%D0%BD%D1%88%D0%BE%D1%82-0352-2022.jpg)
http://dasplankton.de/ContrastA/![egraeve egraeve](https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEiDkZOWwJtZvI016o2a40MIcGVwaeSmoeQZknJfUHV5UcGE3YxOUUyUPXZESySdldN28hE91_yEAM4bdl9-t5vOj47iBRx55U2ql257G33eWPP-gPEmmXJC66u6b8JllTZlkrYTcilMLSYb5DnuebETs1kjVNBUYUTqJlHxeD6j_eGBFmVFLlycjocEvg/w320-h137-rw/%D1%81%D0%BA%D1%80%D0%B8%D0%BD%D1%88%D0%BE%D1%82-0352-2022.jpg)
Подбирает контрастные цвета.
http://www.colr.org
![dasplankton.de dasplankton.de](https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEhxTvWwVivKVUmq2JN0xRHFALDKo0aYMQXYpmj50EIO4Ymtg4oVkM2Sy3lsmFMKgGMmcuGm9-c71grtMhCvlr05PlNIoi6865yC8Yb0HXCAMdMVm5dJZcF9_4ThPvvnQVR_GdsS9oc18gDzN_-2k9Y1qOHvTEqWTU1KhA9UP7idrqXvn_F1O3tcuvl5iw/w320-h178-rw/%D1%81%D0%BA%D1%80%D0%B8%D0%BD%D1%88%D0%BE%D1%82-0353-2022.jpg)
Цветовая палитра по картинке.
http://materialmixer.co
Подбор основных и дополнительных цветов.
http://colorhunter.com
Подбирает цвет по вашему изображению.
http://www.pictaculous.com/
Подбор цвета по картинке
http://www.colorsontheweb.com/
Хороший генератор палитры цветов и не только.
https://bighugelabs.com
На ресурсе много других интересных сервисов. Сайт на английском языке.
![bighugelabs bighugelabs](https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEi8W-zbQsWVaUzDBDqDoDS7V3wZTvCkQ7NcKkmR3Dg5ArV5MD934e4O8DPBiCqyk4XavPYzZOnG5BmbzpiJaFjjPSbcdImwOIvNGwk85nGUfTfqeYd4ch3FiwoPMN9D51jH4u_6Jt78mqW8vy4xg8XiTl5Sighh-kjjj7OOBdoJ8PqkFP40ImcGKNSVJw/w320-h163-rw/%D1%81%D0%BA%D1%80%D0%B8%D0%BD%D1%88%D0%BE%D1%82-0359-2022.jpg)
http://labs.tineye.com/
На нём можно подобрать фотографии по выбранным цветам.
Другие подобные сайты:
https://dribbble.com/colors/
https://www.aminus3.com/color/
Использовать все генераторы можно не только для создания сайта или при написании статьи. Такие генераторы подходят для дизайна одежды, интерьера, архитектуры, подбора палитры для создания макияжа.
Надеюсь вы найдёте в статье интересный для вас ресурс. А о программах для подбора цвета на компьютер и расширениях для браузера, расскажу в следующей статье.
![colr colr](https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEj6294csQ-wOkGyo5RESA7K_Z-cyTxvV0DIUb_lrWmVY0P739LmAkMXoTaw4zA60O80lkGemf_PNZnGmCYaZ67qZgZ69D0-LeH5e-DIfnjQRRuie8hzNAwQ0wouYd07P5G9-qJCrMmJY0BLYv39SiXK8dV0T9PiyauXY1FC_mBBPTEiorjkoiVPQAwRIw/w320-h158-rw/%D1%81%D0%BA%D1%80%D0%B8%D0%BD%D1%88%D0%BE%D1%82-0354-2022.jpg)
Подбор основных и дополнительных цветов.
![materialmixer. materialmixer.](https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEj_3PKifaqujd-XNACXig-XUTeO002mU-hw2_D13G5f7uqVmofglqEPge2TulO1RFiqONC_ctqmtOv_O_602TeG04G_Q_dv1-UmDJfHOVP1645SLmQrWe-hwrOpE-9Ygn-fx-sx5NupmZEr1VtICnoJ00BA9vp06IIZGQHMZEzB-pArcAFa1vXkbqRBrQ/w320-h177-rw/%D1%81%D0%BA%D1%80%D0%B8%D0%BD%D1%88%D0%BE%D1%82-0355-2022.jpg)
Подбирает цвет по вашему изображению.
![colorhunter colorhunter](https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEjqFHXIo6pGerF-JID2qrR5WO1rC-evkX_gzwn3I2vYi6ThvP6ICAswD12n3SzzvyGUgKjQr9LaZPBOxRW_QwWI5xI9GXTOjx1nEY2c5wPNVqyfj_SDygVWNWXJZv5YRrWaoWw2QhckKHPhku7QhmYc7QYNfJ6NolN-lpCk-KscEgZ66UG20Wj1moxmIw/w320-h118-rw/%D1%81%D0%BA%D1%80%D0%B8%D0%BD%D1%88%D0%BE%D1%82-0356-2022.jpg)
Подбор цвета по картинке
![pictaculous pictaculous](https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEhAF-NUlr6gA1tAeiujUQBD_cmqVMz0GpOFyBx2iiyXwTrYaxjPVVSvF4qsP6AO_2RXV8xmzKdT98Kq4cDJBkSC_nw_JcUl-zaDYvlYe_FFFq4TQFlUdqxcmgayWAEmDabjLUXCCSNsx-zhXxuegCCQyUYBnPOjdc3x5DZhg3bsSKRuNWUfUurCk3XRog/w320-h226-rw/%D1%81%D0%BA%D1%80%D0%B8%D0%BD%D1%88%D0%BE%D1%82-0357-2022.jpg)
Хороший генератор палитры цветов и не только.
![colorsontheweb colorsontheweb](https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEi7abMKLxjiKiIg1UnsK7lywhbdzXj7YHScrVw7zu9E5sXGhibl7hmkS0ChgMxznpYPH-aLuNWSkyDf9C-R1NeDzA9re3R4WURru5PA0f27dViOSpmJmzYluIj6C2AmRq9m2vssW5Ye8JJsqtapisFtrSd1rcTK0rBEXfVb8_qCsF_dzomnbnrfkB05tg/w320-h92-rw/%D1%81%D0%BA%D1%80%D0%B8%D0%BD%D1%88%D0%BE%D1%82-0358-2022.jpg)
На ресурсе много других интересных сервисов. Сайт на английском языке.
![bighugelabs bighugelabs](https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEi8W-zbQsWVaUzDBDqDoDS7V3wZTvCkQ7NcKkmR3Dg5ArV5MD934e4O8DPBiCqyk4XavPYzZOnG5BmbzpiJaFjjPSbcdImwOIvNGwk85nGUfTfqeYd4ch3FiwoPMN9D51jH4u_6Jt78mqW8vy4xg8XiTl5Sighh-kjjj7OOBdoJ8PqkFP40ImcGKNSVJw/w320-h163-rw/%D1%81%D0%BA%D1%80%D0%B8%D0%BD%D1%88%D0%BE%D1%82-0359-2022.jpg)
На нём можно подобрать фотографии по выбранным цветам.
![labs.tineye labs.tineye](https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEjtrq-OJcHJdZilZHT0C5QGwRbn39DGJ7p6Dxzz2RpyczvusR9ZJf7IqjxcuDc1XCl9fcbpGTw81n2-47V_LZpNFleLp2fF4wZr5HXumv2aWHav4wF6zqFhCLCg9kpiOM65nWn3gKP7m72Bo2CG7agAqaNySSNU9IrAEiV0n9VaidlJxMiW-qqYoGYX8A/w320-h88-rw/%D1%81%D0%BA%D1%80%D0%B8%D0%BD%D1%88%D0%BE%D1%82-0360-2022.jpg)
Использовать все генераторы можно не только для создания сайта или при написании статьи. Такие генераторы подходят для дизайна одежды, интерьера, архитектуры, подбора палитры для создания макияжа.
Надеюсь вы найдёте в статье интересный для вас ресурс. А о программах для подбора цвета на компьютер и расширениях для браузера, расскажу в следующей статье.
Комментарии со спамом удаляются.