ThinkGeo Wiki

This page is read only. You can view the source, but not change it. Ask your administrator if you think this is wrong.
====== ThinkGeo Cloud Colors ======
ThinkGeo Cloud Colors provides several ways to generate harmonious themes of colors, which you can use to design attractive and meaningful maps.  Your color themes can be designed around a specific base color, or the service can choose a random color for you.  Check out [[https://vectormapsamples.thinkgeo.com/#GenerateColorThemes|Generate Color Themes]] for a quick look.


===== RESTful APIs =====
//**Try it Online**//
  *  Check out [[thinkgeo_cloud_quick_start_guide|Quick Start Guide]] and get an APIKey for free for 60 days. 
  * Visit our [[https://cloud.thinkgeo.com/help/|ThinkGeo Cloud API Explorer]], click the "Authorize" button at the top and enter your client credentials. You are then free to play with all the APIs online. 
  *  For all the APIs, check out [[https://cloud.thinkgeo.com/help/#/Colors|ThinkGeo Cloud Colors APIs]] and hit //**Try it Out**// button inside each API to start. 
There are two kinds of APIs provided by ThinkGeo Cloud Colors Utility that provide different color generation algorithms.

==== Generate Colors Based On A Specific Color ====

<code html>
HTTP GET 
https://cloud.thinkgeo.com/api/v1/color/scheme/{algorithm}/{inputColor}/{numberOfColors}?inFormat={inFormat}&outFormat={outFormat}&apiKey={apiKey}
</code>

//**URL Parameters**//
  * <html><span class="api-parameter"><span class="api-parameter-name">algorithm:</span> The algorithm to use for generating colors. Supported values are:</span></html>
    * <html><span class="api-parameter"><span class="api-parameter-name">analogous:</span> Get a family of colors based on three analogous hues.</span></html>
    * <html><span class="api-parameter"><span class="api-parameter-name">complementary:</span> Get a family of colors based on two complementary hues.</span></html>
    * <html><span class="api-parameter"><span class="api-parameter-name">contrasting:</span> Get a family of colors based on two contrasting hues.</span></html>
    * <html><span class="api-parameter"><span class="api-parameter-name">sequential:</span> Get a family of colors with the same hue and sequential variances in lightness and saturation.</span></html>
    * <html><span class="api-parameter"><span class="api-parameter-name">qualitative:</span> Get a family of colors with qualitative variances in hue, but similar lightness and saturation.</span></html>
    * <html><span class="api-parameter"><span class="api-parameter-name">tetrad:</span> Get a family of colors based on a harmonious tetrad (two sets of complements).</span></html>
    * <html><span class="api-parameter"><span class="api-parameter-name">triad:</span> Get a family of colors based on a harmonious triad (three colors equidistant from each other on the color wheel).</span></html>
  * <html><span class="api-parameter"><span class="api-parameter-name">inputColor:</span> A base color, for different algorithms:</span></html>
    * <html><span class="api-parameter"><span class="api-parameter-name">analogous:</span> Two analogous hues will be found for you.</span></html>
    * <html><span class="api-parameter"><span class="api-parameter-name">complementary:</span> A complementary hue will be found for you.</span></html>
    * <html><span class="api-parameter"><span class="api-parameter-name">contrasting:</span> A contrasting hue will be found for you.</span></html>
    * <html><span class="api-parameter"><span class="api-parameter-name">sequential:</span> We'll create variations of brightness based on the hue of your base color.</span></html>
    * <html><span class="api-parameter"><span class="api-parameter-name">qualitative:</span> We'll create a variety of different hues of a brightness similar to your base color.</span></html>
    * <html><span class="api-parameter"><span class="api-parameter-name">tetrad:</span> Three colors will be found for you to create a pair of complements that includes your base color.</span></html>
    * <html><span class="api-parameter"><span class="api-parameter-name">triad:</span> Two colors of equal distance around the color wheel from your base color will be found for you.</span></html>
  * <html><span class="api-parameter"><span class="api-parameter-name">numberOfColors:</span> The total number of colors you want to be returned, for different algorithms:</span></html>
    * <html><span class="api-parameter"><span class="api-parameter-name">analogous:</span> The value must be between 3 and 54.</span></html>
    * <html><span class="api-parameter"><span class="api-parameter-name">complementary:</span> The value must be between 2 and 36.</span></html>
    * <html><span class="api-parameter"><span class="api-parameter-name">contrasting:</span> The value must be between 2 and 36.</span></html>
    * <html><span class="api-parameter"><span class="api-parameter-name">sequential:</span> The value must be between 1 and 255.</span></html>
    * <html><span class="api-parameter"><span class="api-parameter-name">qualitative:</span> The value must be between 1 and 255.</span></html>
    * <html><span class="api-parameter"><span class="api-parameter-name">tetrad:</span> The value must be between 4 and 72.</span></html>
    * <html><span class="api-parameter"><span class="api-parameter-name">triad:</span> The value must be between 3 and 54.</span></html>
  * <html><span class="api-parameter"><span class="api-parameter-name">apikey:</span> the apikey</span></html>
  * <html><span class="api-parameter"><span class="api-parameter-name">inFormat (optional):</span> The format of the inputColor. Supported formats are ''Hex'', ''RGB'', and ''HSL''. If unspecified, the server will try to parse the inputColor format automatically in the order of Hex, then RGB, and finally HSL.</span></html>
  * <html><span class="api-parameter"><span class="api-parameter-name">outFormat (optional):</span> The format in which you want the output colors. Supported formats: Hex, RGB, HSL. Defaults to Hex.</span></html>


//**Sample Request**//      
[[https://cloud.thinkgeo.com/api/v1/color/scheme/analogous/FF00FF/5?apiKey=mykey]]

==== Generate Colors Based On A Random Color ====

<code html>
HTTP GET 
https://cloud.thinkgeo.com/api/v1/color/scheme/{algorithm}/random/{numberOfColors}?outFormat={outFormat}&apiKey={apiKey}
</code>


//**URL Parameters**//
  * <html><span class="api-parameter"><span class="api-parameter-name">algorithm:</span> The algorithm, supported values are:</span></html>
    * <html><span class="api-parameter"><span class="api-parameter-name">analogous:</span> Get a family of colors based on three analogous hues.</span></html>
    * <html><span class="api-parameter"><span class="api-parameter-name">complementary:</span> Get a family of colors based on two complementary hues.</span></html>
    * <html><span class="api-parameter"><span class="api-parameter-name">contrasting:</span> Get a family of colors based on two contrasting hues.</span></html>
    * <html><span class="api-parameter"><span class="api-parameter-name">sequential:</span> Get a family of colors with the same hue and sequential variances in lightness and saturation.</span></html>
    * <html><span class="api-parameter"><span class="api-parameter-name">qualitative:</span> Get a family of colors with qualitative variances in hue, but similar lightness and saturation.</span></html>
    * <html><span class="api-parameter"><span class="api-parameter-name">tetrad:</span> Get a family of colors based on a harmonious tetrad (two sets of complements).</span></html>
    * <html><span class="api-parameter"><span class="api-parameter-name">triad:</span> Get a family of colors based on a harmonious triad (three colors equidistant from each other on the color wheel).</span></html>
  * <html><span class="api-parameter"><span class="api-parameter-name">numberOfColors:</span> The total number of colors you want to be returned, for different algorithm:</span></html>
    * <html><span class="api-parameter"><span class="api-parameter-name">analogous:</span> The value must be between 3 and 54.</span></html>
    * <html><span class="api-parameter"><span class="api-parameter-name">complementary:</span> The value must be between 2 and 36.</span></html>
    * <html><span class="api-parameter"><span class="api-parameter-name">contrasting:</span> The value must be between 2 and 36.</span></html>
    * <html><span class="api-parameter"><span class="api-parameter-name">sequential:</span> The value must be between 1 and 255.</span></html>
    * <html><span class="api-parameter"><span class="api-parameter-name">qualitative:</span> The value must be between 1 and 255.</span></html>
    * <html><span class="api-parameter"><span class="api-parameter-name">tetrad:</span> The value must be between 4 and 72.</span></html>
    * <html><span class="api-parameter"><span class="api-parameter-name">triad:</span> The value must be between 3 and 54.</span></html>
  * <html><span class="api-parameter"><span class="api-parameter-name">apikey:</span> the apikey</span></html>
  * <html><span class="api-parameter"><span class="api-parameter-name">outFormat (optional):</span> The format in which you want the output colors. Supported formats are ''Hex'', ''RGB'', and ''HSL''. Defaults to Hex.</span></html>

//**Sample Request**//
[[https://cloud.thinkgeo.com/api/v1/color/scheme/analogous/random/5?apiKey=mykey]]



===== Consume From Client Side SDKs =====

Our .NET SDK //ThinkGeo Cloud Client// makes it easy to consume all of the ThinkGeo Cloud services in your applications. It's available on [[https://www.nuget.org/packages/ThinkGeo.Cloud.Client|NuGet]].  IntelliSense hints will help you get started, and you can also refer to the [[thinkgeo_cloud_.net_client_apis|ThinkGeo Cloud Client API list]] for details.

At the NuGet Package Manager terminal, you can install this package by running the command: ''Install-Package ThinkGeo.Cloud.Client -Version VERSION_TO_BE_INSTALLED''.

Sample Code: 
<code csharp>
using ThinkGeo.Cloud;
using ThinkGeo.MapSuite.Drawing;

ColorClient client = new ColorClient("Your Client ID", "Your Client Secret");
Dictionary<GeoColor, Collection<GeoColor>> results = client.GetColorsInAnalogousFamily(new GeoColor(255, 0, 255), 5);
Dictionary<GeoColor, Collection<GeoColor>> results = client.GetColorsInAnalogousFamily(5);

</code>

Native SDKs for //Python//, //iOS// and //Android// are coming soon. 

===== Samples =====

Online Sample:
  * [[https://vectormapsamples.thinkgeo.com/#GenerateColorThemes|ThinkGeo Cloud Color Online Sample]]

Desktop Sample:
  * [[https://github.com/ThinkGeo/ThinkGeoCloudColorSample-ForWpf|ThinkGeoCloudColorSample-ForWpf]] for for [[map_suite_desktop_for_wpf|Map Suite Desktop For WPF]]

Web Sample:

<code csharp>

Coming soon

</code>


Mobile Sample: 
<code csharp>

Coming soon

</code>
User Tools

Site Tools

Page Tools
