Newest functions Upload a function Leave a tip My account

There are 2,520 functions in this library.

HexCode_Colors

A CF to show all Hex Code Colors inside Webviewer.

  Average rating: 4.4 (41 votes) Log in to vote

Edward Souza Duana A.S. Designs, LLC - Nossoestudio n/a

  Function definition: (Copy & paste into FileMaker's Edit Custom Function window)

/* HexCode_Colors ( ) A CF that shows all Hex Code Colors inside Webviewer. Works well if Webviewer's dimensions are set to 420 pxls (w) by 166 pxls (h). Haven't been tested under Windows. The HTML code was compiled from several web sites; unfortunately, I no longer have their URL otherwise I would give them their deserved credit. */ "data:text/html," & ¶ & "<table> <table width=\"100%\"> <tr> <td valign=\"top\"> <table border=\"0\" cellpadding=\"2\" cellspacing=\"2\" width=\"100%\"> <tr> <td><b>Hex Code</b></td> <td><b>Color</b></td> </tr> <tr> <td></td> <td></td> </tr> <!--FFFFFF--> <tr> <td>#FFFFFF</td> <td bgcolor=\"#FFFFFF\"> </td> </tr> <tr> <td>#FFFFCC</td> <td bgcolor=\"#FFFFCC\"> </td> </tr> <tr> <td>#FFFF99</td> <td bgcolor=\"#FFFF99\"> </td> </tr> <tr> <td>#FFFF66</td> <td bgcolor=\"#FFFF66\"> </td> </tr> <tr> <td>#FFFF33</td> <td bgcolor=\"#FFFF33\"> </td> </tr> <tr> <td>#FFFF00</td> <td bgcolor=\"#FFFF00\"> </td> </tr> <tr> <td>#FFCCFF</td> <td bgcolor=\"#FFCCFF\"> </td> </tr> <tr> <td>#FFCCCC</td> <td bgcolor=\"#FFCCCC\"> </td> </tr> <tr> <td>#FFCC99</td> <td bgcolor=\"#FFCC99\"> </td> </tr> <tr> <td>#FFCC66</td> <td bgcolor=\"#FFCC66\"> </td> </tr> <tr> <td>#FFCC33</td> <td bgcolor=\"#FFCC33\"> </td> </tr> <tr> <td>#FFCC00</td> <td bgcolor=\"#FFCC00\"> </td> </tr> <tr> <td>#FF99FF</td> <td bgcolor=\"#FF99FF\"> </td> </tr> <tr> <td>#FF99CC</td> <td bgcolor=\"#FF99CC\"> </td> </tr> <tr> <td>#FF9999</td> <td bgcolor=\"#FF9999\"> </td> </tr> <tr> <td>#FF9966</td> <td bgcolor=\"#FF9966\"> </td> </tr> <tr> <td>#FF9933</td> <td bgcolor=\"#FF9933\"> </td> </tr> <tr> <td>#FF9900</td> <td bgcolor=\"#FF9900\"> </td> </tr> <tr> <td>#FF66FF</td> <td bgcolor=\"#FF66FF\"> </td> </tr> <tr> <td>#FF66CC</td> <td bgcolor=\"#FF66CC\"> </td> </tr> <tr> <td>#FF6699</td> <td bgcolor=\"#FF6699\"> </td> </tr> <tr> <td>#FF6666</td> <td bgcolor=\"#FF6666\"> </td> </tr> <tr> <td>#FF6633</td> <td bgcolor=\"#FF6633\"> </td> </tr> <tr> <td>#FF6600</td> <td bgcolor=\"#FF6600\"> </td> </tr> <tr> <td>#FF33FF</td> <td bgcolor=\"#FF33FF\"> </td> </tr> <tr> <td>#FF33CC</td> <td bgcolor=\"#FF33CC\"> </td> </tr> <tr> <td>#FF3399</td> <td bgcolor=\"#FF3399\"> </td> </tr> <tr> <td>#FF3366</td> <td bgcolor=\"#FF3366\"> </td> </tr> <tr> <td>#FF3333</td> <td bgcolor=\"#FF3333\"> </td> </tr> <tr> <td>#FF3300</td> <td bgcolor=\"#FF3300\"> </td> </tr> <tr> <td>#FF00FF</td> <td bgcolor=\"#FF00FF\"> </td> </tr> <tr> <td>#FF00CC</td> <td bgcolor=\"#FF00CC\"> </td> </tr> <tr> <td>#FF0099</td> <td bgcolor=\"#FF0099\"> </td> </tr> <tr> <td>#FF0066</td> <td bgcolor=\"#FF0066\"> </td> </tr> <tr> <td>#FF0033</td> <td bgcolor=\"#FF0033\"> </td> </tr> <tr> <td>#FF0000</td> <td bgcolor=\"#FF0000\"> </td> </tr> <!--END FFFFFF--> <tr> <td><br></td> </tr> <tr> <td><b>Hex Code</b></td> <td><b>Color</b></td> </tr> <!--666666--> <tr> <td>#66FFFF</td> <td bgcolor=\"#66FFFF\"> </td> </tr> <tr> <td>#66FFCC</td> <td bgcolor=\"#66FFCC\"> </td> </tr> <tr> <td>#66FF99</td> <td bgcolor=\"#66FF99\"> </td> </tr> <tr> <td>#66FF66</td> <td bgcolor=\"#66FF66\"> </td> </tr> <tr> <td>#66FF33</td> <td bgcolor=\"#66FF33\"> </td> </tr> <tr> <td>#66FF00</td> <td bgcolor=\"#66FF00\"> </td> </tr> <tr> <td>#66CCFF</td> <td bgcolor=\"#66CCFF\"> </td> </tr> <tr> <td>#66CCCC</td> <td bgcolor=\"#66CCCC\"> </td> </tr> <tr> <td>#66CC99</td> <td bgcolor=\"#66CC99\"> </td> </tr> <tr> <td>#66CC66</td> <td bgcolor=\"#66CC66\"> </td> </tr> <tr> <td>#66CC33</td> <td bgcolor=\"#66CC33\"> </td> </tr> <tr> <td>#66CC00</td> <td bgcolor=\"#66CC00\"> </td> </tr> <tr> <td>#6699FF</td> <td bgcolor=\"#6699FF\"> </td> </tr> <tr> <td>#6699CC</td> <td bgcolor=\"#6699CC\"> </td> </tr> <tr> <td>#669999</td> <td bgcolor=\"#669999\"> </td> </tr> <tr> <td>#669966</td> <td bgcolor=\"#669966\"> </td> </tr> <tr> <td>#669933</td> <td bgcolor=\"#669933\"> </td> </tr> <tr> <td>#669900</td> <td bgcolor=\"#669900\"> </td> </tr> <tr> <td>#6666FF</td> <td bgcolor=\"#6666FF\"> </td> </tr> <tr> <td>#6666CC</td> <td bgcolor=\"#6666CC\"> </td> </tr> <tr> <td>#666699</td> <td bgcolor=\"#666699\"> </td> </tr> <tr> <td>#666666</td> <td bgcolor=\"#666666\"> </td> </tr> <tr> <td>#666633</td> <td bgcolor=\"#666633\"> </td> </tr> <tr> <td>#666600</td> <td bgcolor=\"#666600\"> </td> </tr> <tr> <td>#6633FF</td> <td bgcolor=\"#6633FF\"> </td> </tr> <tr> <td>#6633CC</td> <td bgcolor=\"#6633CC\"> </td> </tr> <tr> <td>#663399</td> <td bgcolor=\"#663399\"> </td> </tr> <tr> <td>#663366</td> <td bgcolor=\"#663366\"> </td> </tr> <tr> <td>#663333</td> <td bgcolor=\"#663333\"> </td> </tr> <tr> <td>#663300</td> <td bgcolor=\"#663300\"> </td> </tr> <tr> <td>#6600FF</td> <td bgcolor=\"#6600FF\"> </td> </tr> <tr> <td>#6600CC</td> <td bgcolor=\"#6600CC\"> </td> </tr> <tr> <td>#660099</td> <td bgcolor=\"#660099\"> </td> </tr> <tr> <td>#660066</td> <td bgcolor=\"#660066\"> </td> </tr> <tr> <td>#660033</td> <td bgcolor=\"#660033\"> </td> </tr> <tr> <td>#660000</td> <td bgcolor=\"#660000\"> </td> </tr> <!--END 666666--> </table> </td> <td></td> <td valign=\"top\"> <table border=\"0\" cellpadding=\"2\" cellspacing=\"2\" width=\"100%\"> <tr> <td><b>Hex Code</b></td> <td><b>Color</b></td> </tr> <tr> <td></td> <td></td> </tr> <!--CCCCCC--> <tr> <td>#CCFFFF</td> <td bgcolor=\"#CCFFFF\"> </td> </tr> <tr> <td>#CCFFCC</td> <td bgcolor=\"#CCFFCC\"> </td> </tr> <tr> <td>#CCFF99</td> <td bgcolor=\"#CCFF99\"> </td> </tr> <tr> <td>#CCFF66</td> <td bgcolor=\"#CCFF66\"> </td> </tr> <tr> <td>#CCFF33</td> <td bgcolor=\"#CCFF33\"> </td> </tr> <tr> <td>#CCFF00</td> <td bgcolor=\"#CCFF00\"> </td> </tr> <tr> <td>#CCCCFF</td> <td bgcolor=\"#CCCCFF\"> </td> </tr> <tr> <td>#CCCCCC</td> <td bgcolor=\"#CCCCCC\"> </td> </tr> <tr> <td>#CCCC99</td> <td bgcolor=\"#CCCC99\"> </td> </tr> <tr> <td>#CCCC66</td> <td bgcolor=\"#CCCC66\"> </td> </tr> <tr> <td>#CCCC33</td> <td bgcolor=\"#CCCC33\"> </td> </tr> <tr> <td>#CCCC00</td> <td bgcolor=\"#CCCC00\"> </td> </tr> <tr> <td>#CC99FF</td> <td bgcolor=\"#CC99FF\"> </td> </tr> <tr> <td>#CC99CC</td> <td bgcolor=\"#CC99CC\"> </td> </tr> <tr> <td>#CC9999</td> <td bgcolor=\"#CC9999\"> </td> </tr> <tr> <td>#CC9966</td> <td bgcolor=\"#CC9966\"> </td> </tr> <tr> <td>#CC9933</td> <td bgcolor=\"#CC9933\"> </td> </tr> <tr> <td>#CC9900</td> <td bgcolor=\"#CC9900\"> </td> </tr> <tr> <td>#CC66FF</td> <td bgcolor=\"#CC66FF\"> </td> </tr> <tr> <td>#CC66CC</td> <td bgcolor=\"#CC66CC\"> </td> </tr> <tr> <td>#CC6699</td> <td bgcolor=\"#CC6699\"> </td> </tr> <tr> <td>#CC6666</td> <td bgcolor=\"#CC6666\"> </td> </tr> <tr> <td>#CC6633</td> <td bgcolor=\"#CC6633\"> </td> </tr> <tr> <td>#CC6600</td> <td bgcolor=\"#CC6600\"> </td> </tr> <tr> <td>#CC33FF</td> <td bgcolor=\"#CC33FF\"> </td> </tr> <tr> <td>#CC33CC</td> <td bgcolor=\"#CC33CC\"> </td> </tr> <tr> <td>#CC3399</td> <td bgcolor=\"#CC3399\"> </td> </tr> <tr> <td>#CC3366</td> <td bgcolor=\"#CC3366\"> </td> </tr> <tr> <td>#CC3333</td> <td bgcolor=\"#CC3333\"> </td> </tr> <tr> <td>#CC3300</td> <td bgcolor=\"#CC3300\"> </td> </tr> <tr> <td>#CC00FF</td> <td bgcolor=\"#CC00FF\"> </td> </tr> <tr> <td>#CC00CC</td> <td bgcolor=\"#CC00CC\"> </td> </tr> <tr> <td>#CC0099</td> <td bgcolor=\"#CC0099\"> </td> </tr> <tr> <td>#CC0066</td> <td bgcolor=\"#CC0066\"> </td> </tr> <tr> <td>#CC0033</td> <td bgcolor=\"#CC0033\"> </td> </tr> <tr> <td>#CC0000</td> <td bgcolor=\"#CC0000\"> </td> </tr> <!--END CCCCCC--> <tr> <td><br></td> </tr> <tr> <td><b>Hex Code</b></td> <td><b>Color</b></td> </tr> <!--333333--> <tr> <td>#33FFFF</td> <td bgcolor=\"#33FFFF\"> </td> </tr> <tr> <td>#33FFCC</td> <td bgcolor=\"#33FFCC\"> </td> </tr> <tr> <td>#33FF99</td> <td bgcolor=\"#33FF99\"> </td> </tr> <tr> <td>#33FF66</td> <td bgcolor=\"#33FF66\"> </td> </tr> <tr> <td>#33FF33</td> <td bgcolor=\"#33FF33\"> </td> </tr> <tr> <td>#33FF00</td> <td bgcolor=\"#33FF00\"> </td> </tr> <tr> <td>#33CCFF</td> <td bgcolor=\"#33CCFF\"> </td> </tr> <tr> <td>#33CCCC</td> <td bgcolor=\"#33CCCC\"> </td> </tr> <tr> <td>#33CC99</td> <td bgcolor=\"#33CC99\"> </td> </tr> <tr> <td>#33CC66</td> <td bgcolor=\"#33CC66\"> </td> </tr> <tr> <td>#33CC33</td> <td bgcolor=\"#33CC33\"> </td> </tr> <tr> <td>#33CC00</td> <td bgcolor=\"#33CC00\"> </td> </tr> <tr> <td>#3399FF</td> <td bgcolor=\"#3399FF\"> </td> </tr> <tr> <td>#3399CC</td> <td bgcolor=\"#3399CC\"> </td> </tr> <tr> <td>#339999</td> <td bgcolor=\"#339999\"> </td> </tr> <tr> <td>#339966</td> <td bgcolor=\"#339966\"> </td> </tr> <tr> <td>#339933</td> <td bgcolor=\"#339933\"> </td> </tr> <tr> <td>#339900</td> <td bgcolor=\"#339900\"> </td> </tr> <tr> <td>#3366FF</td> <td bgcolor=\"#3366FF\"> </td> </tr> <tr> <td>#3366CC</td> <td bgcolor=\"#3366CC\"> </td> </tr> <tr> <td>#336699</td> <td bgcolor=\"#336699\"> </td> </tr> <tr> <td>#336666</td> <td bgcolor=\"#336666\"> </td> </tr> <tr> <td>#336633</td> <td bgcolor=\"#336633\"> </td> </tr> <tr> <td>#336600</td> <td bgcolor=\"#336600\"> </td> </tr> <tr> <td>#3333FF</td> <td bgcolor=\"#3333FF\"> </td> </tr> <tr> <td>#3333CC</td> <td bgcolor=\"#3333CC\"> </td> </tr> <tr> <td>#333399</td> <td bgcolor=\"#333399\"> </td> </tr> <tr> <td>#333366</td> <td bgcolor=\"#333366\"> </td> </tr> <tr> <td>#333333</td> <td bgcolor=\"#333333\"> </td> </tr> <tr> <td>#333300</td> <td bgcolor=\"#333300\"> </td> </tr> <tr> <td>#3300FF</td> <td bgcolor=\"#3300FF\"> </td> </tr> <tr> <td>#3300CC</td> <td bgcolor=\"#3300CC\"> </td> </tr> <tr> <td>#330099</td> <td bgcolor=\"#330099\"> </td> </tr> <tr> <td>#330066</td> <td bgcolor=\"#330066\"> </td> </tr> <tr> <td>#330033</td> <td bgcolor=\"#330033\"> </td> </tr> <tr> <td>#330000</td> <td bgcolor=\"#330000\"> </td> </tr> <!--333333--> </table> </td> <td></td> <td valign=\"top\"> <table border=\"0\" cellpadding=\"2\" cellspacing=\"2\" width=\"100%\"> <tr> <td><b>Hex Code</b></td> <td><b>Color</b></td> </tr> <tr> <td></td> <td></td> </tr> <!--999999--> <tr> <td>#99FFFF</td> <td bgcolor=\"#99FFFF\"> </td> </tr> <tr> <td>#99FFCC</td> <td bgcolor=\"#99FFCC\"> </td> </tr> <tr> <td>#99FF99</td> <td bgcolor=\"#99FF99\"> </td> </tr> <tr> <td>#99FF66</td> <td bgcolor=\"#99FF66\"> </td> </tr> <tr> <td>#99FF33</td> <td bgcolor=\"#99FF33\"> </td> </tr> <tr> <td>#99FF00</td> <td bgcolor=\"#99FF00\"> </td> </tr> <tr> <td>#99CCFF</td> <td bgcolor=\"#99CCFF\"> </td> </tr> <tr> <td>#99CCCC</td> <td bgcolor=\"#99CCCC\"> </td> </tr> <tr> <td>#99CC99</td> <td bgcolor=\"#99CC99\"> </td> </tr> <tr> <td>#99CC66</td> <td bgcolor=\"#99CC66\"> </td> </tr> <tr> <td>#99CC33</td> <td bgcolor=\"#99CC33\"> </td> </tr> <tr> <td>#99CC00</td> <td bgcolor=\"#99CC00\"> </td> </tr> <tr> <td>#9999FF</td> <td bgcolor=\"#9999FF\"> </td> </tr> <tr> <td>#9999CC</td> <td bgcolor=\"#9999CC\"> </td> </tr> <tr> <td>#999999</td> <td bgcolor=\"#999999\"> </td> </tr> <tr> <td>#999966</td> <td bgcolor=\"#999966\"> </td> </tr> <tr> <td>#999933</td> <td bgcolor=\"#999933\"> </td> </tr> <tr> <td>#999900</td> <td bgcolor=\"#999900\"> </td> </tr> <tr> <td>#9966FF</td> <td bgcolor=\"#9966FF\"> </td> </tr> <tr> <td>#9966CC</td> <td bgcolor=\"#9966CC\"> </td> </tr> <tr> <td>#996699</td> <td bgcolor=\"#996699\"> </td> </tr> <tr> <td>#996666</td> <td bgcolor=\"#996666\"> </td> </tr> <tr> <td>#996633</td> <td bgcolor=\"#996633\"> </td> </tr> <tr> <td>#996600</td> <td bgcolor=\"#996600\"> </td> </tr> <tr> <td>#9933FF</td> <td bgcolor=\"#9933FF\"> </td> </tr> <tr> <td>#9933CC</td> <td bgcolor=\"#9933CC\"> </td> </tr> <tr> <td>#993399</td> <td bgcolor=\"#993399\"> </td> </tr> <tr> <td>#993366</td> <td bgcolor=\"#993366\"> </td> </tr> <tr> <td>#993333</td> <td bgcolor=\"#993333\"> </td> </tr> <tr> <td>#993300</td> <td bgcolor=\"#993300\"> </td> </tr> <tr> <td>#9900FF</td> <td bgcolor=\"#9900FF\"> </td> </tr> <tr> <td>#9900CC</td> <td bgcolor=\"#9900CC\"> </td> </tr> <tr> <td>#990099</td> <td bgcolor=\"#990099\"> </td> </tr> <tr> <td>#990066</td> <td bgcolor=\"#990066\"> </td> </tr> <tr> <td>#990033</td> <td bgcolor=\"#990033\"> </td> </tr> <tr> <td>#990000</td> <td bgcolor=\"#990000\"> </td> </tr> <!--END 999999--> <tr> <td><br></td> </tr> <tr> <td><b>Hex Code</b></td> <td><b>Color</b></td> </tr> <!--000000--> <tr> <td>#00FFFF</td> <td bgcolor=\"#00FFFF\"> </td> </tr> <tr> <td>#00FFCC</td> <td bgcolor=\"#00FFCC\"> </td> </tr> <tr> <td>#00FF99</td> <td bgcolor=\"#00FF99\"> </td> </tr> <tr> <td>#00FF66</td> <td bgcolor=\"#00FF66\"> </td> </tr> <tr> <td>#00FF33</td> <td bgcolor=\"#00FF33\"> </td> </tr> <tr> <td>#00FF00</td> <td bgcolor=\"#00FF00\"> </td> </tr> <tr> <td>#00CCFF</td> <td bgcolor=\"#00CCFF\"> </td> </tr> <tr> <td>#00CCCC</td> <td bgcolor=\"#00CCCC\"> </td> </tr> <tr> <td>#00CC99</td> <td bgcolor=\"#00CC99\"> </td> </tr> <tr> <td>#00CC66</td> <td bgcolor=\"#00CC66\"> </td> </tr> <tr> <td>#00CC33</td> <td bgcolor=\"#00CC33\"> </td> </tr> <tr> <td>#00CC00</td> <td bgcolor=\"#00CC00\"> </td> </tr> <tr> <td>#0099FF</td> <td bgcolor=\"#0099FF\"> </td> </tr> <tr> <td>#64A6BC</td> <td bgcolor=\"#64A6BC\"> </td> </tr> <tr> <td>#009999</td> <td bgcolor=\"#009999\"> </td> </tr> <tr> <td>#009966</td> <td bgcolor=\"#009966\"> </td> </tr> <tr> <td>#009933</td> <td bgcolor=\"#009933\"> </td> </tr> <tr> <td>#009900</td> <td bgcolor=\"#009900\"> </td> </tr> <tr> <td>#0066FF</td> <td bgcolor=\"#0066FF\"> </td> </tr> <tr> <td>#0066CC</td> <td bgcolor=\"#0066CC\"> </td> </tr> <tr> <td>#006699</td> <td bgcolor=\"#006699\"> </td> </tr> <tr> <td>#006666</td> <td bgcolor=\"#006666\"> </td> </tr> <tr> <td>#006633</td> <td bgcolor=\"#006633\"> </td> </tr> <tr> <td>#006600</td> <td bgcolor=\"#006600\"> </td> </tr> <tr> <td>#0033FF</td> <td bgcolor=\"#0033FF\"> </td> </tr> <tr> <td>#0033CC</td> <td bgcolor=\"#0033CC\"> </td> </tr> <tr> <td>#003399</td> <td bgcolor=\"#003399\"> </td> </tr> <tr> <td>#003366</td> <td bgcolor=\"#003366\"> </td> </tr> <tr> <td>#003333</td> <td bgcolor=\"#003333\"> </td> </tr> <tr> <td>#003300</td> <td bgcolor=\"#003300\"> </td> </tr> <tr> <td>#0000FF</td> <td bgcolor=\"#0000FF\"> </td> </tr> <tr> <td>#0000CC</td> <td bgcolor=\"#0000CC\"> </td> </tr> <tr> <td>#000099</td> <td bgcolor=\"#000099\"> </td> </tr> <tr> <td>#000066</td> <td bgcolor=\"#000066\"> </td> </tr> <tr> <td>#000033</td> <td bgcolor=\"#000033\"> </td> </tr> <tr> <td>#000000</td> <td bgcolor=\"#000000\"> </td> </tr> <!--END 000000--> </table> </table> </table>" Click to copy

A CF that shows all Hex Code Colors inside Webviewer.
Works well if Webviewer's dimensions are set to 420 pxls (w) by 166 pxls (h).

 

Comments

		Bruce Robertson Sep 15, 2010
Why the statement "Mac only" ? There is nothing Mac-specific about your function.

		Edward Souza, Victoria, BC, CA Sep 16, 2010
Mr. Robertson, I hope this answer finds you well. I was taught that Data Scheme such as "data:text/html," was Mac-only. Since I haven't worked with Windows for a long while, I never checked the validity of this information. As it turns out, after a fast research, I found out that "data scheme is supported by Opera 7.20 and above, as well as Safari and Konqueror. Internet Explorer 7 and below, however, do not currently support it. Internet Explorer 8 and above only supports data URIs for images in CSS" (https://developer.mozilla.org). Thank you for the remark; I have changed the statement already. All the best.

		Daniele Raybaudi, ACI Sep 17, 2010
Hi no need of so many escaped quotes. Substitute all occurences of \" with a single '

		Edward Souza, Victoria, BC, CA Sep 17, 2010
Ciao. Daniele, Tutto bene? I truly hope everything is well with you. You are right; the CF could've been written with single quotes instead of back-slashed double-quotes. However, since I'm a "user who likes to develop" :-), I write and share Custom Functions also for others like me: those who analyze codes in order to understand them and learn. That's the reason I sometimes write functions that look so "pedagogic". :-) Thanks for your remark, though; I'll leave as it is for now then change it in a week or so. Uno abraccio,

Log in to post comments.

 

Note: these functions are not guaranteed or supported by BrianDunning.com. Please contact the individual developer with any questions or problems.

Support this website.

This library has been a free commmunity resource for FileMaker users and developers for 20 years. It receives no funding and has no advertisements. If it has helped you out, I'd really appreciate it if you could contribute whatever you think it's worth: