Five to help you fix the Web APP for color matching online

Source: Internet
Author: User
Tags adobe kuler

Color Weak Gospel! Today to a group of super practical color matching artifact, the first not only can directly help you generate a color scheme, you can also follow the color scheme to generate a Web demo, is a must be lazy people! In addition to the online color scheme reference, gradient color scheme and random color list, and so on, no longer worry about no color inspiration > >>

Benny: After the HTML5 became more and more powerful, many of the features that were previously needed to install a software to implement it now need to be implemented on the web side. This way, whether you are a Windows user or a MacOS user, you can use one of your favorite tools in the same experience, because your tools are in the clouds.

There are many factors that determine the quality of the design, and color is one of the most important elements. Here are some of the most recently collected individuals who find it useful to handle color webapp, some of them similar, but each has a different bright spot.

Paletton (Color tool)

This tool is a function of the outside chain in the chrome plugin Colorzilla described previously. It works like Adobe Kuler (Adobe Kuler also has a web App version) that can be used to color the entire interface. You set a base color and then generate a set of color schemes with some of its options and fine-tuning parameters. In addition to kuler some of the same features, it has a more interesting place, it can simulate anomalous trichromatism see colors and different display parameters under the color. You can also simulate a web demo that is generated by this set of color schemes.

The following figure is a color after the general simulation of the page ~

Similar applications: www.colorhexa.com (features simpler, more refreshing interface)

Webcolourdata (color scheme Reference)

This application is very simple, enter your favorite Web site address, it will be able to obtain the site's color scheme. Below the search bar is a list of color schemes for well-known websites such as Facebook, Google, and Firefox.

Uigradients (Beautiful gradient color)

This is an open source project hosted on the GitHub. Opening a Web site is greeted by an entire screen of two-color gradients, and the color is quite comfortable. You can explore more matching options by switching around. Attentive students will find a button that will show all the beauty gradients in all of the application collection lists. You can also submit a gradient to them that you think is going to be fantastic. For the front-end engineer, it also provides a key to get the gradient-changing CSS code functionality. Small and powerful.

Draggradients (gradient processing)

The interface of this application is very similar to the one above, and it is also dealing with the fading color. The difference, though, is that the application allows you to customize the gradient and more than two colors. The plus button on the right can add color, then move the white control point in the screen and move the gradient.

Colours (random color)

This application is not very functional, mainly is a random set of colors, and each color is marked with CSS corresponding English name and hex format and RGB color code. Maybe when you're not inspired, it's a random list that will inspire you. In addition, when you click on a color in the top color band, the page displays the derivative colors of all the different lightness and brightness of the color.

Contact Us

The content source of this page is from Internet, which doesn't represent Alibaba Cloud's opinion; products and services mentioned on that page don't have any relationship with Alibaba Cloud. If the content of the page makes you feel confusing, please write us an email, we will handle the problem within 5 days after receiving your email.

If you find any instances of plagiarism from the community, please send an email to: info-contact@alibabacloud.com and provide relevant evidence. A staff member will contact you within 5 working days.

A Free Trial That Lets You Build Big!

Start building with 50+ products and up to 12 months usage for Elastic Compute Service

  • Sales Support

    1 on 1 presale consultation

  • After-Sales Support

    24/7 Technical Support 6 Free Tickets per Quarter Faster Response

  • Alibaba Cloud offers highly flexible support services tailored to meet your exact needs.