Online Color Matching tool + rapid generation of placeholder picture device

Today for you to introduce the design navigation of the recent collection of excellent online color tool: Colorfavs, mainly used to upload images and get image color, function and pictaculous, color Hunter Color matching tool similar, but small series feel it's experience is good, such as the interface design concise, Can browse excellent color collocation, collection color scheme function, drag and drop upload image capture color and so on, is a good function.

　　Colorfavs

　　Upload image to get color scheme

Colorfavs tool interface is concise, do not need to teach to know how to use, if you want to upload images, drag directly to the window Upload area can not be uploaded, very convenient Oh!

　　Many beautiful color schemes

Gather a lot of beautiful color scheme, see like can click "add to collection" Collection it.

In addition to the above, there are a lot of small details of the function, we can go to experience under Oh!

　　Quickly generate placeholder pictures

If your work is a website design or front-end development, then you may need to fill the version, preview the effect of the sample image and text, the text can be used to create a dummy word generator, the picture part must look for a placeholder image and other services, what is a placeholder picture (placeholders)? A bitmap is the ability to quickly produce a specific image of a size that fits the length and width you need, populating a development environment that is still blank, and a placeholder for the picture.

Placemat is a new placeholder image service recently discovered on the web, with a very short website slogan "pretty nice placeholders (beautiful placeholder picture)". Placemat for your development work to provide a beautiful occupancy chart, there are three major picture types, including people, places and things, through the Web site to adjust the change, can be inserted directly into the picture link, to generate a specific size and theme of the test map, and the image will show the size of this area, to assist users to identify, quite convenient and practical.

　　placem.at

　　STEP 1

After opening the Placemat website, you can see some examples of placemat-generated placeholder images at the top of the website, which produce roughly the same effect as these images, the ability to freely adjust the size of the image to be generated, and the text or overlay color (Overlays) of the middle display.

STEP 2

The "here's how to use it" below provides detailed usage instructions for placemat generation of placeholder image links, the simplest usage being the following three URLs:

Https://placem.at/people

Https://placem.at/places

Https://placem.at/things

Use it as an image link, and each time you open it, there will be a different pattern. Add the following? w= set width,? h= set the height, for example, I want to produce a 640x480 about "people" placeholder picture, you can change the link to:

https://placem.at/people?w=640&h=480

Use the & symbol to link the different parameters.

In addition, there are each time to force random pictures, custom picture text, text color and overlay color parameters, detailed instructions can go directly to the Placemat website, here is not much elaboration.

　　Three reasons to try it out:

The image is from the Unsplash Gallery, which is produced by Imgix processing.

Customizable to any picture size, random picture, custom text and color, and overlay effects

Supports HTTPS and can be tested on SSL websites