<?xml version="1.0"?>
<!DOCTYPE wml PUBLIC "-//WAPFORUM//DTD WML 1.1//EN" "http://www.wapforum.org/DTD/wml_1.1.xml">
<wml xmlns="http://www.w3.org/1999/xhtml"><head><meta http-equiv="Content-Type" content="text/vnd.wap.wml;charset=ISO-8859-1"/></head><card id="main" title="KAYWA"><p><big>marco.kaywa.com</big><br/></p><p><small>12.7.2006,&#xA0;15:03</small><br/><b><a href="http://marco.kaywa.com/mobile/work/color-matters.html">Color Matters!</a></b></p><p>[<a href="http://marco.kaywa.com/mobile/exturl/http/qrcode.kaywa.com/code/70035388ADBE8/Color%20Matters!">image</a>]I've just spent a couple hours playing with our <a href="http://qrcode.kaywa.com/mobile/">QR Code generator</a> and here are the results: please welcome... color QR Codes!
The <a href="http://reader.kaywa.com/mobile/">KAYWA Reader</a> seems to handle colored codes pretty well, as long as the light color stays clearer than the dark one, and there is enough contrast between the two.
Just give it a try: can you decode the QR Code to the left?
Generating colored codes is pretty straightforward, here is how it works: all you have to do is to specify the parameters in the URI of the requested QR Code itself:
http://qrcode.kaywa.com/code/ F S DARK-COLOR LIGHT-COLOR / DATA
...where:<br/>

F is the desired format ("P" or "F") of the generated code. More on this later.
S is the size (in QR Code "units") of the code, from 4 to 12.
DARK-COLOR is the color of the darker color, in <a href="http://marco.kaywa.com/mobile/exturl/http/en.wikipedia.org/wiki/Web_colors">web-color format</a>. For example 000077 for a dark blue.
LIGHT-COLOR is just the same, but for the light color. For example 44aa44 for a light green.
DATA is the actual (url-encoded) data you want to encode in the QR Code.

Note that any of these arguments can be skipped!
Confused? Here are a couple examples that should clarify the matter for you:<br/>


<a href="http://qrcode.kaywa.com/mobile/code/83344ff/20207996">http://qrcode.kaywa.com/code/83344ff/20207996</a>
Has a size of 8 and a dark color code #3344ff. The light color defaults to white.


<a href="http://qrcode.kaywa.com/mobile/code/p000000ffcccc/20207995">http://qrcode.kaywa.com/code/p000000ffcccc/20207995</a>
Is a PNG QR Code, having a default size, a black dark color (#000000) and a light color code of #ffcccc.


Still confused? Not sure how to obtain a given color? You can simply copy/paste the colors out of <a href="http://marco.kaywa.com/mobile/exturl/http/www.immigration-usa.com/html_colors.html">this table</a>.
But back to our QR Codes...it gets even better: you can get a <a href="http://marco.kaywa.com/mobile/exturl/http/en.wikipedia.org/wiki/Portable_Document_Format">PDF</a> document for any QR Code, just by setting the format parameter to "F"! For example, the URI of the last code above, in PDF format, is:
<a href="http://qrcode.kaywa.com/mobile/code/f000000ffcccc/20207995">http://qrcode.kaywa.com/code/f000000ffcccc/20207995</a>
Now, how neat is that?
<br/>
Tags:<a href="http://marco.kaywa.com/mobile/exturl/http/technorati.com/tag/kaywa">Kaywa</a>, <a href="http://marco.kaywa.com/mobile/exturl/http/technorati.com/tag/QR+Code">QR Codes</a>, <a href="http://marco.kaywa.com/mobile/exturl/http/technorati.com/tag/color">Color</a>&#xA0;</p><p><small><a href="http://marco.kaywa.com/mobile/work/color-matters.html">Comments</a>&#xA0;(6)
        <br/>Category:&#xA0;<a href="http://marco.kaywa.com/mobile/work">Work</a><br/></small></p><p><a href="http://marco.kaywa.com/mobile/p12.html">&#xAB; prev</a>
	   	 &#xA0;|&#xA0;
	   	 <a href="http://marco.kaywa.com/mobile/p10.html">next &#xBB;</a></p><p align="center"><br/>- COMMENTS -</p><p><b>Roger</b><br/><a href="http://id.kaywa.com/mobile/roger">http://id.kaywa.com/roger</a><br/>12.07.2006, 19:08<br/>Very cool:)<br/>
<br/>
Inspired by you I tried this out:<br/>
[<a href="http://marco.kaywa.com/mobile/exturl/http/roger.kaywa.ch/files/images/2006/7/mob1161_1152723887.gif">image</a>]<br/>
<br/>
It leads... well, try it out:)<br/><br/><b>Roger</b><br/><a href="http://mobile.kaywa.com/mobile/p488.html">http://mobile.kaywa.com/p488.html</a><br/>23.07.2006, 11:52<br/>On NTT DoCoMo's Bar Code site, I found that the contrast between the QR Code elements and the background should be at least 55%.<br/>
<br/>
You can find it here:<br/>
<a href="http://marco.kaywa.com/mobile/exturl/http/www.nttdocomo.co.jp/english/service/function/barcode/">Bar Code Explanation</a><br/><br/><b>Roger</b><br/><a href="http://mobile.kaywa.com/mobile">http://mobile.kaywa.com</a><br/>23.07.2006, 11:54<br/>Sorry, wrong link:<br/>
<a href="http://marco.kaywa.com/mobile/exturl/http/www.nttdocomo.co.jp/english/p_s/i/barcode/s1.html">Here is the right one</a><br/><br/><b>Carlos LLanos</b><br/>20.10.2007, 17:27<br/>Esto es una prueva de qrcodes<br/><br/><b>javascript</b><br/><a href="http://marco.kaywa.com/mobile/exturl/http/javascript-lesson.blogspot.com">http://javascript-lesson.blogspot.com</a><br/>15.06.2008, 04:10<br/>html Color Names Color Codes -- http://html-lesson.blogspot.com/2008/06/color-name-codes-colors.html<br/><br/></p><p>1-5&#xA0;/&#xA0;
			  <a href="http://marco.kaywa.com/mobile/work/color-matters.html&#38;page=1">6</a><br/><a href="http://marco.kaywa.com/mobile/work/color-matters.html&#38;page=1#comments">next &#xBB;</a></p><p align="center"><br/>- LEAVE A COMMENT -</p><p><fieldset>Name<br/><input name="commentauthor" emptyok="true"/><br/>Email<br/><input name="commentauthoremail" emptyok="true"/><br/>Url<br/><input name="commentauthorurl" emptyok="true"/><br/>Comment<br/><input name="commentcontent" emptyok="true"/><br/></fieldset><br/><anchor><go href="http://marco.kaywa.com/mobile/work/color-matters.html" method="post"><postfield name="ID" value="11"/><postfield name="action" value="moblog"/><postfield name="moblog[comments][comment_author]" value="&#36;commentauthor"/><postfield name="moblog[comments][comment_author_email]" value="&#36;commentauthoremail"/><postfield name="moblog[comments][comment_author_url]" value="&#36;commentauthorurl"/><postfield name="moblog[comments][comment_content]" value="&#36;commentcontent"/><postfield name="moblog[comments][comment_autobr]" value="on"/><postfield name="moblog[comments][_submit]" value="OK"/></go>OK</anchor><br/></p><p align="center">- NAVIGATION -</p><p><a href="/mobile">Weblog Home</a><br/><a href="/mobile/latestcomments">Latest Comments</a><br/><a href="/mobile/all">Categories</a><br/><a href="/mobile/galleries">Galleries</a><br/><a href="/mobile/blogroll">Links</a><br/><a href="/mobile/archive">Archive</a><br/><a href="#top">Top</a><br/><a href="#bottom">Bottom</a><br/><a href="/mobile/about">About Me</a><br/></p><p align="center">- META-NAVIGATION -</p><p><a href="http://home.kaywa.com/mobile">Portalog Home</a><br/><a href="http://register.kaywa.com/mobile">Register</a><br/><a href="http://help.kaywa.com/mobile">Help</a><br/><a href="http://about.kaywa.com/mobile">About</a><br/><a href="http://tos.kaywa.com/mobile">ToS</a><br/></p><p>&#xA9; 2004-2006 Kaywa AG. All rights reserved.</p></card></wml>
