Color + Design Blog / Category / Software by COLOURlovers

ColorSchemer Studio 2 for Mac (+COLOURlovers)

〜によって COLOURlover インディアナ News, Products, Software, Tools

Some people call them color palettes and some people call them color schemes... Now we're all part of one big family. We've known Aaron from ColorSchemer for a few years now and have talked on and off about how we could work together. Well, I'm excited to announce that we're not just working together, we're joining color forces.

The new release of ColorSchemer Studio 2 for Mac of is the first hint at what the future holds for that partnership with the integration of the 1,000,000 COLOURlovers palettes directly accessible via the software gallery browser. Pretty soon you'll not only be able to browse palettes from COLOURlovers, you'll be able to save your palettes right to our site from your desktop. You'll see the best of what we've been building and the best from what Aaron's been building begin to form together here and in ColorSchemer Studio.

ColorSchemer Studio 2 for Mac OS X

ColorSchemer Studio 2 is a professional color-matching application for your Mac that will help you build beautiful color schemes quickly and easily.

Use ColorSchemer Studio to identify color harmonies for the web (RGB) or print (CMYK), create palettes from photos, search over a million existing color schemes, mix colors, create gradient blends, and much more!

ColorSchemer Studio 2 takes color matching and management to a new level with a number of advanced new features and tools, including:

CMYK Support

One of the most common feature requests we get is for adding CMYK support, and now ColorSchemer Studio 2 has it!

Not only that, but this new release goes even further by color-managing both RGB and CMYK colors, so you can specify color profiles (just like in Photoshop and other pro graphics apps) to make sure your colors look exactly as you intended.

Color Management/Color Profile Support

ColorSchemer Studio 2 now color-manages all displayed colors. You can now work with specific color profiles to ensure your color-critical work comes out right the first time, whether it’s for the web or print.

COLOURlovers Integration

Connect to the COLOURlovers community to browse, search, and download over a million color palettes right from the program.

LiveSchemes – Color relationships that you define

The new LiveSchemes tools help you to visually create color harmony relationships as easily as dragging colors around the color wheel.

Create custom LiveScheme formulas based on color theory, or your own creativity. You can also reverse-engineer and color-shift existing color schemes with a simple drag & drop.

Browse your saved LiveSchemes to apply custom color theory relationships to any color to build a ready-to-use color scheme.

QuickPreview Layout Templates

ColorSchemer Studio 2 now comes with 13 different QuickPreview layout templates that you can use to experiment with color scheme ideas in a variety of different settings, including website, blog, print and pattern layouts.

Color Variations

Use the new Variations palette to find colors that are similar or related to any starting base color.

Color Groups

Organize your colors into groups or folders within your Favorite Colors when building your color schemes.

ColorSchemer Studio 2 also adds a bunch of other enhancements to give you more control over your colors:

New ways to pick colors: Use the new spectrum picker, or select from among the included color libraries.
New import/export formats: Including Adobe Swatch Exchange (ASE), PNG, and XML formats.
Enhanced Contrast Analyzer Check text and background color combinations for sufficient contrast and readability, based on W3C, WCAG, or HP accessibility recommendations.
Drag-color-to-text Drag a color from ColorSchemer Studio and drop it right into your HTML and it will automatically be converted into a hex value in your code.
Improved UI: Most tool windows have been combined into an easier-to-manage single-window interface.

Happy Huesdays: Special COLOURlovers Offer

clspons

In the spirit of Black Friday... we're extending a more colorful offer. If you purchase a license of ColorSchemer Studio in December and get a FREE Sponsored Membership on COLOURlovers as a thank you (a $20 value).

Just email us with your Order Number for ColorSchemer Studio and your COLOURlovers username and we'll upgrade your account. (Already a Sponsored Member? We'll give you a gift credit to use next year or give away.)

Licenses/Upgrades

ColorSchemer Studio 2 remains $49.99 per license, and discounted upgrade licenses are also available for registered users of ColorSchemer Studio v1.x for $29.99.

» Purchase a license
» Upgrade your license
» More info

Also, if you purchased ColorSchemer Studio v1.x after Oct 1, 2009, you are entitled to a free upgrade to ColorSchemer Studio 2. Visit the myColorSchemer section and enter your Order Number to upgrade your license key.

As Always... You Can Make it Better

This isn't just a product to sell you... this is a product for us to grow together. We've always taken special care to only work with quality products and never compromise the wonderful community and culture we have here. The partnership with ColorSchemer is brand new, so we've only had a little amount of time to work on integrating our services. We plan on bringing the best of both worlds together in the future and you can help us with that.
-What would you like to see ColorSchemer include from COPASO?
-What would you like to see COLOURlovers bring online from ColorSchemer?
Aaron is now a part of the COLOURlovers family, so welcome him and and let him know how he can help you share the love.

完全なポストを読む

1 2006年12月, 2009

私たちの記事はいかがでしたか？ E-mailによって私達のブログの供給をまたは毎日の更新のためのRSS得なさい。

Free Advanced DHTML Color Picker

〜によって COLOURlover インディアナ Fun, News, Popular, Products, Software, Tools

このページを印刷する Print this page

When we were developing COPASO, we found that we needed to have a more advanced color picker to work inside the application... and since COPASO is built with DHTML it was easy enough to pull out the picker to use on the other creation pages of our site. Once we'd modularized the color picker code it made sense to offer it to others to use on their own sites and projects. So here is the code to get our Color Picker working on your site for free. (We'll even host the files)

License: Attribution-Noncommercial-Share Alike 3.0 Unported
If you have a need that doesn't fit the license above, contact us.

COLOURlovers Color Picker Demo

Here is the Code You Need & Examples...

Put this Code into Your HTML <head> Section:
<link rel="stylesheet" href="http://colourlovers.com.s3.amazonaws.com/COLOURloversColorPicker/COLOURloversColorPicker.css" type="text/css" media="all" />
<script type="text/JavaScript" src="http://colourlovers.com.s3.amazonaws.com/COLOURloversColorPicker/js/COLOURloversColorPicker.js"></script>

Put this Code into Your HTML <body> Section:
<div id="CLCP" class="CLCP"></div>
<script type="text/JavaScript">
  _whichField = "hexValue_0";
  CLCPHandler = function(_hex) {
    // This function gets called by the picker when the sliders are being dragged. The variable _hex contains the current hex value from the picker
    // This code serves as an example only, here we use it to do three things:
    // Here we simply drop the variable _hex into the input field, so we can see what the hex value coming from the picker is:
        document.getElementById(_whichField).value = _hex;
    // Here is where we color the BG of a div to preview the color:
document.getElementById("CLCPUpdateDiv").style.background = ("#" + _hex);
    // Giving you control over this function really puts the reigns in your hands. Rewrite this function as you see fit to really take control of this color picker.
  }
  // Settings:
  _CLCPdisplay = "none"; // Values: "none", "block". Default "none"
  _CLCPisDraggable = true; // Values: true, false. Default true
  _CLCPposition = "absolute"; // Values: "absolute", "relative". Default "absolute"
  _CLCPinitHex = "0039B3"; // Values: Any valid hex value. Default "ffffff"
  CLCPinitPicker();
</script>

Picker Attached to a Single Text Field:

Show picker and load the color to the left

Single Text Field Example Code

<input name="YourInputName" id="hexValue_0" style="width: 100px;" maxlength="6" value="0000FF" />
<a href="JavaScript:_whichField='hexValue_0';CLCPshowPicker({_hex: document.getElementById('hexValue_0').value});">Show picker and load the color to the left</a>

Picker Attached to Multiple Text Fields:

Show picker at x=300, y=1400 and don't update it's color

Show picker at x=12, y=1400 and load the color to the left

Show picker and load the color to the left

Show picker at mouse click and don't update it's color

Show picker at mouse click and don't update it's color [Example with an image]

Multiple Text Field Example Code:

<input name="YourInputName" id="multipleHexValue_0" style="width: 100px;" maxlength="6" value="FFFFFF" />
<a href="JavaScript:_whichField='multipleHexValue_0';CLCPshowPicker({_x: 300,_y: 200});">Show picker at x=300, y=200 and don't update it's color</a>
<input name="YourInputName" id="multipleHexValue_1" style="width: 100px;" maxlength="6" value="18AB49" />
<a href="JavaScript:_whichField='multipleHexValue_1';CLCPshowPicker({_hex: document.getElementById('multipleHexValue_1').value,_x: 12,_y: 400});">Show picker at x=12, y=400 and load the color to the left</a>
<input name="YourInputName" id="multipleHexValue_2" style="width: 100px;" maxlength="6" value="FF0000" />
<a href="JavaScript:_whichField='multipleHexValue_2';CLCPshowPicker({_hex: document.getElementById('multipleHexValue_2').value});">Show picker and load the color to the left</a>
<input name="YourInputName" id="multipleHexValue_3" style="width: 100px;" maxlength="6" value="FFFFFF" />
<a href="JavaScript:_whichField='multipleHexValue_3';CLCPshowPicker();">Show picker at mouse click and don't update it's color</a>
<input name="YourInputName" id="multipleHexValue_4" style="width: 100px;" maxlength="6" value="000000" />
<img src="http://colourlovers.com.s3.amazonaws.com/images/v3/color_wheel.png" style="vertical-align: -20%; cursor: pointer;" onclick="_whichField = 'multipleHexValue_4'; CLCPshowPicker();" alt="Show picker at mouse click and don't update it's color" title="Show picker at mouse click and don't update it's color" /> [Example with an image]

Here is a break down of the object passed to CLCPshowPicker()

{
  _hex: "FF4400", // When a valid hex value is passed, it will set the picker to this hex. Otherwise the picker will not change it's current color [if any].
  _x: 12, // If a x coordinate is passed, the picker will move to the x value. Otherwise, the x coordinate from the mouse click will be used.
  _y: 400 // If a y coordinate is passed, the picker will move to the y value. Otherwise, the y coordinate from the mouse click will be used.
  // All of these variables are optional
}

Feb. 24, 2008 - Update
Fixed a bug in IE where users couldn't click-drag-highlight other objects within the page.

May 1, 2008 - Update
Fixed a conflict this script had with jQuery. Thanks to Ozh at planetOzh.com for the report!

完全なポストを読む

16 2007年1月, 2008

私たちの記事はいかがでしたか？ E-mailによって私達のブログの供給をまたは毎日の更新のためのRSS得なさい。