Hãy đăng ký thành viên để có thể dễ dàng trao đổi, giao lưu và chia sẻ về kiến thức đồ họa.
  1. Hãy đăng ký subscribe kênh Youtube mới của Việt Designer tại địa chỉ: Youtube.com/VietDesignerChannel để theo dõi các video về thiết kế đồ họa. Do trước đó kênh cũ bị Youtube quét không rõ lý do, trong thời gian chờ kháng cáo nếu các bạn thấy video trên diễn đàn bị die không xem được thì có thể vào kênh mới để tìm xem video sơ cua nhé.
    Loại bỏ thông báo

30 công cụ tốt nhất cho việc lựa chọn màu sắc .

Chủ đề thuộc danh mục 'Photoshop Tutorials - Hướng dẫn Photoshop' được đăng bởi Thiên Ma, 29/9/13.

Lượt xem: 14,301

  1. Thiên Ma Lãng du VietDesigner

    Lựa chọn và tạo ra một màu sắc là điều cần thiết để thiết kế tốt . Chúng tôi đã tập hợp một số công cụ tuyệt vời để giúp bạn hoàn thiện cho việc lựa chọn màu sắc của bạn .

    The 30 best tools for choosing a colour scheme

    [​IMG]If you're unsure about your colour scheme, Mudcube has a selection of themes to choose from​

    The Mudcube Colour Sphere is a handy little colour resource for designers in that it not only provides the hex numbers for each colour; it also helps you to build up a colour scheme from one chosen shade. If you're unsure what colour scheme you should be going for, Mudcube provides a selection of themes from a drop-down menu.

    [​IMG]Make sure you're using the correct colour combinations in your web design with this handy tool​

    This web designer's tool 'Check my Colours' is designed to check foreground and background colour combinations of all DOM elements, to determine if they provide sufficient contrast when viewed by someone having colour deficits. All the tests are based on the algorithms suggested by the World Wide Web Consortium (W3C). It was created by web designer Giovanni Scala.

    [​IMG]Color Hunter provides a colour palette using your chosen image​

    Although Color Hunter may not look like much at first glance, it's actually a really useful colour tool if you can't find a particular colour. Find an image that you like the look of and then enter it into Color Hunter; the tool will then create a colour palette from your chosen image. It's a great way to create your own colour theme.

    04. TinEye

    [​IMG]If you’re looking for an exact colour, you can enter the hex number in the URL​

    This website uses a database of 10 million Creative Commons images harvested from Flickr to let you explore colour combinations. It's probably the fastest way to get free images in the perfect colour combination, and it's also just a fascinating and intuitively designed tool that's a pleasure to use.

    05. Pic2color

    [​IMG]Upload an image or URL to Pic2color to get the colour information​

    Pic2color is a brilliant tool that enables you to create colour palettes from images and URLs. Simply upload either to the site and it will extract the colour information quickly, before showcasing each shade in a grid format. You can then click on each individual colour to access it's unique HTML code.

    06. Pretty IP

    [​IMG]Pretty IP creates a unique palette of complementary colours based on the numbers in your Internet Protocol​

    Pretty IP, brought to you by design agency Strange, creates a unique palette of complementary colours based on the numbers in your IP (Internet Protocol) address. Once you've tried it out on your home and office computers, give it a whirl each time you're connected to a new IP address (a great excuse to try that new coffee shop) and get a burst of colour palette inspiration each time you do so.

    07. Color

    [​IMG]Color lets you find the perfect colour by moving around your mouse - then gives you that all-important colour hex code​

    Color by HailPixel is a handy little web app if you're a bit of a perfectionist when it comes to getting the colour just right. Hover your mouse anywhere across the screen to nail down your chosen colour, scroll to set your saturation, and the site will give you that all-important hex code for your projects. It's one of the easiest such tools we've ever used.

    [​IMG]Designspiration will generate a display of all images with your chosen colour combinations​

    At Designspiration, you can select up to five hues from a useful full-page palette, which gives you the chance to really see what colors you’re looking at. The site will then generate a display of all the images in its database with that colour combination. The hex numbers are prominently displayed, and you can click on them individually. Images can be saved to your collections on the site.

    09. Kuler

    [​IMG]Kuler is probably the best known of the colour tools​

    Perhaps the best known of all online colour theme tools, Adobe Kuler has graduated from a simple web-based colour tool to a fully fledged theme generation and sharing resource. Plugins are available for all the main Adobe tools including Photoshop, Illustrator and InDesign, making it a great integrated tool for regular Creative Suite users.

    [​IMG]ColorExplorer is one of the most feature-rich tools available​

    This is possibly one of the most in-depth tools available on the web, offering a wide range of tools to design, customize and analyze your colour palettes. There are, for example, tools that can help you determine the WCAG validity of your colour choices, conversion tools to help you move between different systems, as well as a whole suite of picker and palette generation tools.

    [​IMG]Hex generates colours that combine well with an existing colour reference​

    A handy little tool for generating colours that will work in combination with an existing colour reference you have. Simply paste in a hexadecimal colour value, and the tool will return a set of pleasing colours that can be used with your base colour and feel like a deliberate theme decision.

    [​IMG]Color Scheme Designer offers some interesting ways to generate colour themes​

    This online tool provides a similar output to Adobe Kuler, but has some interesting ways of generating colour themes by allowing you to select from the scheme brightness/saturation, and contrast rather than selecting the individual colours that make up the scheme. A range of standard mathematical scheme methods are available including mono, triad, tetrad and analogic.

    13. COPASO

    [​IMG]COPASO is a great all-in-one solution to creating a colour scheme​

    One of the tools within the COLOURlovers site, COPASO is worth highlighting individually as a great all-in-one solution to generating palettes. It offers a full range of colour selection tools within a simple interface, including the ability to add notes to your palettes, upload images, enter CMYK references directly and select from a range of different operations to build your colour scheme.

    14. Colourmod

    [​IMG]Lightweight desktop tool Colourmod is a useful way to pick and identify a colour​

    Colourmod is a desktop-based tool that allows you to choose a single colour from within your widget area, whether you’re on a Mac with dashboard, or using Konfabulator on Windows. Not directly a colour palette tool as such, but nonetheless it offers a useful way to pick and identify a colour without having to launch a heavy-weight tool.

    15. ColorZilla

    [​IMG]ColorZilla is available for Chrome and Firefox​

    This started out life as a Firefox plugin, but is now also available for Google’s Chrome browser. ColorZilla is an extension that includes a raft of colour-related tools including a colour picker, eye-dropper, css gradient generator and palette browser.

    16. Colormunki

    [​IMG]Colormunki lets you generate colour schemes from Pantone swatches​

    A useful online tool from the makers of the Colormunki colour calibration tool, this online offering allows you to create colour palettes from Pantone swatches using a number of different methodologies to generate pleasing combinations.

    17. colr.org

    [​IMG]Colr.org lets you see the range of colours within an image​

    This pared-down tool offers a unique insight into the colour-from-image analysis that is automated in other tools, allowing you to see the range of colours available within an image, and pick those that appeal to you to form the basis for a theme. Well worth a look, even if it’s not quite as visually polished as some of the other tools available on the web.

    18. ColourGrab

    [​IMG]ColourGrab is a great little tool for creating colour schemes from images​

    This handy little tool creates a colour palette from any image on the web. Simply paste in the address of the image you’d like to analyze, and the site will grab the image, pull out the colours within it and generate a handy 3D pie chart showing colour usage throughout the image. Not so useful for creating traditional themes, but great for examining images and the colour distribution within them.

    [​IMG]ColorBlender generates a set of five colours that work well together​

    One of the easiest tools available, this website allows you to grab a swatch, adjust the colour and watch in real-time as it generates a set of five colours that work in combination. The palettes can be downloaded directly to Photoshop, or to Illustrator in the form of an EPS file

    20. GrayBit

    [​IMG]GrayBit lets you analyze a website to see what it looks like in grayscale​

    This handy tool won’t help you choose a colour theme directly, but it will help you analyze your site (or someone else’s) to see what your site looks like rendered in greyscale. This is useful for checking that you’ve achieved sufficient contrast in your colour palette to meet accessibility guidelines, and regulatory compliance.

    21. COLRD

    [​IMG]COLRD is a great way to share and discover colour schemes​

    This colourful tool acts as a great source of inspiration by sharing colour palettes generated by its users, as well as patterns, gradients and images. A visual feast for the eyes, it’s not a simple generation tool, but it worth a visit to find some happy discoveries.

    [​IMG]Color Hunter is a great colour discovery tool​

    A useful way to quickly grab a colour palette from images uploaded, by searching for an appropriate tag, or by HEX reference. Quick and easy to use, it’s more about being a discovery than a colour generation tool, but offers a nice range of palettes to choose from.

    [​IMG]You can filter images by their colour balance and brightness​

    Sometimes the best way of seeing if a colour scheme will work is via a selection of stock images. All the main stock image librariesoffer this kind of tool, but Shutterstock Spectrum has a particularly nice interface because the images are displayed on such a large scale. After using the slider to determine your colour search, you can further specify a keyword that determines the subject matter with impressive accuracy. An intriguing option allows you to filter images by their colour balance and brightness.

    24. TinEye

    [​IMG]If you’re looking for an exact colour, you can enter the hex number in the URL​

    TinEye uses a database of 10 million Creative Commons images harvested from Flickr to let you explore colour combinations. It's probably the fastest way to get free images in the perfect colour combination, and it's also just a fascinating and intuitively designed tool that's a pleasure to use.

    [​IMG]Stripe Generator 2.0 can help create attention-grabbing colour combinations​

    Billed as the "ultimate tool for web 2.0 designers", you might think this tool has had its day (even if it’s all tongue in cheek). Regardless, it’s a useful way to generate pleasing colour combinations, and to generate eye-popping patterns at the same time!

    [​IMG]Colors on the Web is powered by Flash​

    Colors on the Web accepts a single colour in hexadecimal or RGB, and outputs a set of schemes based on different mathematical equations, similar to Kuler. This won’t work on iPad or iPhone though as it uses Flash to power the schemer.

    [​IMG]COLOURlovers is a bit like Pinterest for colour​

    COLOURlovers is a community designed around the sharing and appreciation of colours, palettes and patterns. It’s a bit like a Pinterest board for colour, and provides a ready source of inspiration in the palettes shared by its users. A great tool if you’re a colour aficionado, and like to share your passion.

    [​IMG]Pictaculous lets you upload an image and generate a colour scheme from it​

    This excellent tool from the makers of MailChimp allows you to upload an image and generate a colour scheme from the colours within. It integrates with some of the other tools featured in our list, bringing you results from Kuler and Colourlovers simultaneously. There’s also a handy Adobe Swatch download for your theme, making it a quick and easy way to grab the colours you need to complement a photo.

    29. Contrast-A

    [​IMG]Contrast-A lets you simulate the effects of various visual disabilities​

    This is a somewhat unusual colour scheming tool, in that it’s designed to help ensure you create WCAG-compliant colour schemes by allowing you to preview levels of contrast, and simulate colour blindness, reduced vision and clinical blindness. There is also an invaluable set of links to guidelines (in much more user-friendly terms than the specification document itself)

    30. ColoRotate

    [​IMG]ColoRotate boasts a beautiful visualisation of the colour wheels​

    Offering similar functionality to Kuler, but with a nice 3D visualisation of the colour wheels, and the ability to generate more than five colours in a single scheme, ColoRotate can also be integrated directly into some Creative Suite applications, and offers a nice alternative to Adobe’s own offering. This tool is also available as an iPad app, offering a nice integration with Photoshop where it can act as a “colour console”.


    CaoChiNhan, Runningman, the_multiman7 người khác thích bài viết này.
  2. Tạ Thị Liên

    Tạ Thị Liên Thành viên cấp 2

    hự, toàn tiếng anh, @@
  3. unknown2k6

    unknown2k6 Thành viên cấp 1

    Color wheel pro cũng hay mà :)
  4. Tít Xù Xấu Zai

    Tít Xù Xấu Zai Thành viên cấp 2

    mình chưa hiểu công dụng và cách sử dụng của những công cụ này
  5. cuongpc

    cuongpc Thành viên cấp 1

    ko hiểu rõ lắm tác dụng của các công cụ này :-B
  6. Runningman

    Runningman Thành viên cấp 2

    @@ Các bác bên trên hỏi ngớ ngẩn thế. Để pick màu và biết chỉ số nó chứ sao. Lại còn trực quan nữa. Rất rõ ràng.
  7. CaoChiNhan

    CaoChiNhan FA Minh Chủ

    Thanks bác Ma nhé :like:
  8. royalkjss

    royalkjss Thành viên cấp 2

    Là sự dụng mấy công cụ trên thấy màu nào mà mình chỉnh ra đẹp rồi thì biết mã sô của em ấy để qua CS chỉnh
  9. muadong2312

    muadong2312 Thành viên cấp 2

    Cám ơn anh :D, cái số 1 là oke nhất, em đang tìm kiếm !
  10. windy23

    windy23 Thành viên cấp 1

    cóp nguyên từ 1 trang nước ngoài về :-ss
  11. Hiéu984

    Hiéu984 Banned

    thaks u very much nha

Ủng hộ diễn đàn