[{"data":1,"prerenderedAt":-1},["ShallowReactive",2],{"$fXGohG5eN4LASLvU1jOJspuxCBtKVRFQ4zhc-W_PAAMM":3},{"slug":4,"name":5,"version":6,"author":7,"author_profile":8,"description":9,"short_description":10,"active_installs":11,"downloaded":12,"rating":13,"num_ratings":13,"last_updated":14,"tested_up_to":15,"requires_at_least":16,"requires_php":17,"tags":18,"homepage":17,"download_link":24,"security_score":25,"vuln_count":13,"unpatched_count":13,"last_vuln_date":26,"fetched_at":27,"vulnerabilities":28,"developer":29,"crawl_stats":26,"alternatives":35,"analysis":133,"fingerprints":182},"display-color","Display Color","1.0","farvehandleren","https:\u002F\u002Fprofiles.wordpress.org\u002Ffarvehandleren\u002F","\u003Cp>Display color from color code on wordpress site.\u003C\u002Fp>\n\u003Cp>Shortcode :\u003C\u002Fp>\n\u003Cp>[display-color] Simply use this shortcode on any page or widget are to display this tool. It will display the color from any color code.\u003C\u002Fp>\n\u003Cp>Widget\u003C\u002Fp>\n\u003Cp>There will be a widget named “Display Color” in widget section. You can just drag and drop in any widget area.\u003C\u002Fp>\n","Display color from color code on wordpress site.",10,1342,0,"2016-04-20T19:52:00.000Z","4.4.34","4.0","",[19,20,21,22,23],"color","colors","colour","colour-code","shortcode","https:\u002F\u002Fdownloads.wordpress.org\u002Fplugin\u002Fdisplay-color.zip",85,null,"2026-03-15T15:16:48.613Z",[],{"slug":7,"display_name":7,"profile_url":8,"plugin_count":30,"total_installs":31,"avg_security_score":25,"avg_patch_time_days":32,"trust_score":33,"computed_at":34},11,240,30,84,"2026-04-04T02:56:38.939Z",[36,56,73,90,109],{"slug":37,"name":38,"version":39,"author":40,"author_profile":41,"description":42,"short_description":43,"active_installs":44,"downloaded":45,"rating":46,"num_ratings":47,"last_updated":48,"tested_up_to":49,"requires_at_least":50,"requires_php":17,"tags":51,"homepage":54,"download_link":55,"security_score":25,"vuln_count":13,"unpatched_count":13,"last_vuln_date":26,"fetched_at":27},"styleguide","Styleguide – Custom Fonts and Colors","1.8.1","binarymoon","https:\u002F\u002Fprofiles.wordpress.org\u002Fbinarymoon\u002F","\u003Cp>Quickly and easily edit fonts and colors in your WordPress themes using the WordPress Customizer so that you can get live previews before saving the new settings.\u003C\u002Fp>\n\u003Cp>Perfect for giving your website a unique look without having to hire a designer or make code changes yourself.\u003C\u002Fp>\n\u003Cp>All default WordPress themes are fully supported and support for more themes will be added in the future. All other themes can customize fonts.\u003C\u002Fp>\n\u003Cp>Styleguide uses a carefully chosen selection of the top 45 Google Fonts to give you a lot of options for personalising your site.\u003C\u002Fp>\n\u003Ch4>Features\u003C\u002Fh4>\n\u003Cul>\n\u003Cli>Choose from a varied selection of the top Google fonts in any theme\u003C\u002Fli>\n\u003Cli>Additional themes (listed below) support editing colors\u003C\u002Fli>\n\u003Cli>Filter fonts based on character set – great for non latin languages such as Russian\u003C\u002Fli>\n\u003Cli>Developer functionality for adding support to other themes, and for adding additional fonts.\u003C\u002Fli>\n\u003C\u002Ful>\n\u003Ch4>Supported Character Sets\u003C\u002Fh4>\n\u003Cp>Styleguide supports fonts that have a variety of different character sets. This makes selecting a font for your language super easy. The supported character sets are:\u003C\u002Fp>\n\u003Cul>\n\u003Cli>Cyrillic\u003C\u002Fli>\n\u003Cli>Devanagari\u003C\u002Fli>\n\u003Cli>Greek\u003C\u002Fli>\n\u003Cli>Hebrew\u003C\u002Fli>\n\u003Cli>Latin\u003C\u002Fli>\n\u003Cli>Vietnamese\u003C\u002Fli>\n\u003C\u002Ful>\n\u003Cp>By default Styleguide uses Latin. To limit the font choice to those supporting your character set you should go to \u003Cem>Settings → General → Character Set\u003C\u002Fem> and select your set there.\u003C\u002Fp>\n\u003Ch4>Supported Themes\u003C\u002Fh4>\n\u003Cul>\n\u003Cli>\u003Ca href=\"https:\u002F\u002Fwordpress.org\u002Fthemes\u002Fkent\" rel=\"ugc\">Kent\u003C\u002Fa>\u003C\u002Fli>\n\u003Cli>\u003Ca href=\"https:\u002F\u002Fwordpress.org\u002Fthemes\u002Fbromley\" rel=\"ugc\">Bromley\u003C\u002Fa>\u003C\u002Fli>\n\u003Cli>\u003Ca href=\"https:\u002F\u002Fprothemedesign.com\u002Ftheme\u002Fromero\u002F\" rel=\"nofollow ugc\">Romero\u003C\u002Fa>\u003C\u002Fli>\n\u003Cli>\u003Ca href=\"https:\u002F\u002Fprothemedesign.com\u002Ftheme\u002Fpuzzle\u002F\" rel=\"nofollow ugc\">Puzzle\u003C\u002Fa>\u003C\u002Fli>\n\u003Cli>\u003Ca href=\"https:\u002F\u002Fprothemedesign.com\u002Ftheme\u002Fchronicle\u002F\" rel=\"nofollow ugc\">Chronicle\u003C\u002Fa>\u003C\u002Fli>\n\u003Cli>\u003Ca href=\"https:\u002F\u002Fprothemedesign.com\u002Ftheme\u002Fbroadsheet\u002F\" rel=\"nofollow ugc\">Broadsheet\u003C\u002Fa>\u003C\u002Fli>\n\u003Cli>\u003Ca href=\"https:\u002F\u002Fprothemedesign.com\u002Ftheme\u002Flens\u002F\" rel=\"nofollow ugc\">Lens\u003C\u002Fa>\u003C\u002Fli>\n\u003Cli>\u003Ca href=\"https:\u002F\u002Fprothemedesign.com\u002Ftheme\u002Fmonet\u002F\" rel=\"nofollow ugc\">Monet\u003C\u002Fa>\u003C\u002Fli>\n\u003Cli>\u003Ca href=\"https:\u002F\u002Fprothemedesign.com\u002Ftheme\u002Fmimbopro\u002F\" rel=\"nofollow ugc\">Mimbo Pro\u003C\u002Fa>\u003C\u002Fli>\n\u003Cli>\u003Ca href=\"https:\u002F\u002Fprothemedesign.com\u002Ftheme\u002Fopti\u002F\" rel=\"nofollow ugc\">Opti\u003C\u002Fa>\u003C\u002Fli>\n\u003Cli>\u003Ca href=\"https:\u002F\u002Fthemetry.com\u002Fshop\u002Fadaline\u002F\" rel=\"nofollow ugc\">Adaline\u003C\u002Fa>\u003C\u002Fli>\n\u003Cli>\u003Ca href=\"https:\u002F\u002Fwordpress.org\u002Fthemes\u002Ftwentyten\" rel=\"ugc\">Twenty Ten\u003C\u002Fa>\u003C\u002Fli>\n\u003Cli>\u003Ca href=\"https:\u002F\u002Fwordpress.org\u002Fthemes\u002Ftwentyeleven\" rel=\"ugc\">Twenty Eleven\u003C\u002Fa>\u003C\u002Fli>\n\u003Cli>\u003Ca href=\"https:\u002F\u002Fwordpress.org\u002Fthemes\u002Ftwentytwelve\" rel=\"ugc\">Twenty Twelve\u003C\u002Fa>\u003C\u002Fli>\n\u003Cli>\u003Ca href=\"https:\u002F\u002Fwordpress.org\u002Fthemes\u002Ftwentythirteen\" rel=\"ugc\">Twenty Thirteen\u003C\u002Fa>\u003C\u002Fli>\n\u003Cli>\u003Ca href=\"https:\u002F\u002Fwordpress.org\u002Fthemes\u002Ftwentyfourteen\" rel=\"ugc\">Twenty Fourteen\u003C\u002Fa>\u003C\u002Fli>\n\u003Cli>\u003Ca href=\"https:\u002F\u002Fwordpress.org\u002Fthemes\u002Ftwentyfifteen\" rel=\"ugc\">Twenty Fifteen\u003C\u002Fa>\u003C\u002Fli>\n\u003Cli>\u003Ca href=\"https:\u002F\u002Fwordpress.org\u002Fthemes\u002Ftwentysixteen\" rel=\"ugc\">Twenty Sixteen\u003C\u002Fa>\u003C\u002Fli>\n\u003C\u002Ful>\n\u003Cp>Developers can add support for their themes quite easily – see the ‘Other Notes’ tab for more info.\u003C\u002Fp>\n\u003Cp>If you’re in the market for a WordPress theme then you could check out my Premium GPL WordPress themes site here: https:\u002F\u002Fprothemedesign.com\u002F\u003C\u002Fp>\n\u003Ch3>How To\u003C\u002Fh3>\n\u003Cp>After downloading and installing the plugin you can go to the Customizer (Appearance > Customizer) and edit fonts and colors in the ‘Colors & Fonts’ panel.\u003C\u002Fp>\n\u003Ch4>Adding Theme Support\u003C\u002Fh4>\n\u003Cp>Styleguide allows any theme to add support through the \u003Ccode>add_theme_support\u003C\u002Fcode> command. For examples check out the theme-styles directory.\u003C\u002Fp>\n\u003Cp>I have added an example of a basic implementation below. This code would be placed in your themes functions.php\u003C\u002Fp>\n\u003Cpre>\u003Ccode>function prefix_add_styleguide_support() {\n\n  \u002F\u002F for properties check out the included theme styles as seen here:\n  \u002F\u002F https:\u002F\u002Fgithub.com\u002FBinaryMoon\u002Fstyleguide\u002Ftree\u002Fmaster\u002Ftheme-styles\n  $properties = array(\n    ...\n  );\n  add_theme_support( 'styleguide', $properties );\n\n}\n\nadd_filter( 'after_setup_theme', 'prefix_add_styleguide_support' );\n\u003C\u002Fcode>\u003C\u002Fpre>\n\u003Ch4>Extra Fonts\u003C\u002Fh4>\n\u003Cp>Styleguide currently offers developers a filter for adding additional fonts. You can use it as shown below\u003C\u002Fp>\n\u003Cpre>\u003Ccode>function my_fonts( $font_list ) {\n    $font_list['Cormorant Infant'] = array(\n        'name' => 'Cormorant Infant',\n        'family' => '\"Cormorant Infant\", serif',\n        'weight' => '400,700',\n        'sets' => array( 'latin' ),\n    );\n    $font_list['Poppins'] = array(\n        'name' => 'Poppins',\n        'family' => 'Poppins, sans-serif',\n        'weight' => '400,700',\n        'sets' => array( 'latin' ),\n    );\n    return $font_list;\n}\nadd_filter( 'styleguide_get_fonts', 'my_fonts' );\n\u003C\u002Fcode>\u003C\u002Fpre>\n","Styleguide allows you to customize fonts and colors in WordPress themes through the Customizer - no need to touch any code!",3000,95245,100,7,"2024-01-30T10:27:00.000Z","6.5.0","4.5",[19,20,21,52,53],"css","customizer","https:\u002F\u002Fwordpress.org\u002Fplugins\u002Fstyleguide\u002F","https:\u002F\u002Fdownloads.wordpress.org\u002Fplugin\u002Fstyleguide.zip",{"slug":57,"name":58,"version":6,"author":59,"author_profile":60,"description":61,"short_description":62,"active_installs":46,"downloaded":63,"rating":46,"num_ratings":64,"last_updated":65,"tested_up_to":66,"requires_at_least":67,"requires_php":17,"tags":68,"homepage":71,"download_link":72,"security_score":25,"vuln_count":13,"unpatched_count":13,"last_vuln_date":26,"fetched_at":27},"awesome-color-palettes","Awesome Color Palettes","richardgabriel","https:\u002F\u002Fprofiles.wordpress.org\u002Frichardgabriel\u002F","\u003Cp>Finally a cool way to display color palettes on your site. This tiny little plugin gives you a cool way to display color palette on your pages.\u003C\u002Fp>\n\u003Cp>Example of what it looks like:\u003Cbr \u002F>\nhttp:\u002F\u002Fhalgatewood.com\u002Fpalettes\u002F\u003C\u002Fp>\n\u003Cp>Use the shortcode to and pass in a list of colors:\u003C\u002Fp>\n\u003Cpre>\u003Ccode>[awe_palette colors=\"434858,5886c5,#f2674a,c6006d\"]\n\u003C\u002Fcode>\u003C\u002Fpre>\n\u003Cp>Or you can call it directly with PHP in your theme:\u003C\u002Fp>\n\u003Cpre>\u003Ccode>\u003C?php awesome_color_palettes( array('#cccccc', 'efefef', '666') ); ?>\n\u003C\u002Fcode>\u003C\u002Fpre>\n\u003Cp>You can include the # or not, it doesn’t care what you do.\u003C\u002Fp>\n\u003Cp>Wait, there’s more. Create an \u003Ccode>awesome-color-palette.php\u003C\u002Fcode> file and put it in your theme folder and you can custom palettes for whatever you need.\u003C\u002Fp>\n\u003Cp>It can handle 10 colors out of the box. To add more, simply create some CSS like below and add it to your style.css file in your theme.\u003C\u002Fp>\n\u003Cpre>\u003Ccode>.awe-color-palette.count-20 .color { width: 5%; }\n\u003C\u002Fcode>\u003C\u002Fpre>\n","A cool way to display color palettes on your WordPress site.",8863,3,"2021-03-30T18:31:00.000Z","5.7.15","3.5",[19,69,20,21,70],"color-palettes","colour-palettes","https:\u002F\u002Fhalgatewood.com\u002Ffreebies\u002Fawesome-color-palettes\u002F","https:\u002F\u002Fdownloads.wordpress.org\u002Fplugin\u002Fawesome-color-palettes.zip",{"slug":74,"name":75,"version":76,"author":77,"author_profile":78,"description":79,"short_description":80,"active_installs":11,"downloaded":81,"rating":13,"num_ratings":13,"last_updated":82,"tested_up_to":17,"requires_at_least":17,"requires_php":17,"tags":83,"homepage":88,"download_link":89,"security_score":25,"vuln_count":13,"unpatched_count":13,"last_vuln_date":26,"fetched_at":27},"admin-colour","Admin-Colour","3.0","alex3410","https:\u002F\u002Fprofiles.wordpress.org\u002Falex3410\u002F","\u003Cp>This plugin is for colour coding the admin menu. Users are able to define the colours they want in the plugins settings. I created the plugin to make it easier to switch between sections of the admin area when updating my wordpress websites. This plugin was created by Alex Wells while working as a Web Developer at Simpsons Creative\u003C\u002Fp>\n","admin color code Requires at least: 2.0.2 Tested up to: 4.3 Stable tag: 4.3 A quick and easy way to change the admin navigation colour scheme, allo …",15602,"2015-08-09T20:21:00.000Z",[84,85,22,86,87],"admin","admin-menu-colour","menu","menu-color","http:\u002F\u002Fwww.alex-wells.co.uk\u002Fadmin-color\u002F","https:\u002F\u002Fdownloads.wordpress.org\u002Fplugin\u002Fadmin-colour.zip",{"slug":91,"name":92,"version":93,"author":94,"author_profile":95,"description":96,"short_description":97,"active_installs":11,"downloaded":98,"rating":13,"num_ratings":13,"last_updated":99,"tested_up_to":100,"requires_at_least":101,"requires_php":17,"tags":102,"homepage":107,"download_link":108,"security_score":25,"vuln_count":13,"unpatched_count":13,"last_vuln_date":26,"fetched_at":27},"colourpress-colourlovers-widget","ColourPress","0.1","serostar","https:\u002F\u002Fprofiles.wordpress.org\u002Fserostar\u002F","\u003Cul>\n\u003Cli>Displays top or new palettes or patterns from any COLOURLovers account\u003C\u002Fli>\n\u003Cli>Customizable\n\u003Cul>\n\u003Cli>Choose 1 of 3 display styles – Title, No Title, or Complete Badge.\u003C\u002Fli>\n\u003Cli>Adjust the width and height of each palette\u002Fpattern to fit just right into your template’s sidebar.\u003C\u002Fli>\n\u003Cli>Choose how many palettes\u002Fpatterns to display per widget.\u003C\u002Fli>\n\u003C\u002Ful>\n\u003C\u002Fli>\n\u003Cli>Because it’s widgetized, you can display multiple instances of the widget on your page.  Widget 1 could show your 5 top palettes, and the widget right below that could show your 3 new patterns\u003C\u002Fli>\n\u003C\u002Ful>\n","A customizable wordpress widget that displays top or new COLOURLovers palettes or patterns on your site.",2227,"2011-01-02T20:41:00.000Z","3.0.5","2.8",[103,20,104,105,106],"colorlovers","colourlovers","palettes","patterns","http:\u002F\u002Fwww.codenamecuttlefish.com\u002Fproject-files\u002FColourPress-colourlovers-wordpress-widget\u002F","https:\u002F\u002Fdownloads.wordpress.org\u002Fplugin\u002Fcolourpress-colourlovers-widget.zip",{"slug":110,"name":111,"version":112,"author":113,"author_profile":114,"description":115,"short_description":116,"active_installs":117,"downloaded":118,"rating":119,"num_ratings":120,"last_updated":121,"tested_up_to":122,"requires_at_least":123,"requires_php":124,"tags":125,"homepage":129,"download_link":130,"security_score":46,"vuln_count":131,"unpatched_count":13,"last_vuln_date":132,"fetched_at":27},"customify","Customify – Intuitive Website Styling","2.10.7","pixelgrade","https:\u002F\u002Fprofiles.wordpress.org\u002Fpixelgrade\u002F","\u003Cp>With \u003Ca href=\"https:\u002F\u002Fgithub.com\u002Fpixelgrade\u002Fcustomify\" rel=\"nofollow ugc\">Customify\u003C\u002Fa>, developers can easily create \u003Cstrong>advanced theme-specific options\u003C\u002Fstrong> inside the WordPress Customizer. Using those options, a user can make presentational changes without having to know or edit the theme code.\u003C\u002Fp>\n\u003Cp>This plugin is \u003Cstrong>primarily intended\u003C\u002Fstrong> to be used together with \u003Ca href=\"https:\u002F\u002Fwordpress.org\u002Fthemes\u002Fauthor\u002Fpixelgrade\u002F\" rel=\"ugc\">Pixelgrade themes\u003C\u002Fa>. So the best way to get acquainted with it’s capabilities is to study the way \u003Ca href=\"https:\u002F\u002Fgithub.com\u002Fpixelgrade\u002Frosa2-lite\u002Ftree\u002Fmaster\u002Finc\u002Fintegrations\u002Fcustomify\" rel=\"nofollow ugc\">one of Pixelgrade’s themes\u003C\u002Fa> integrates with it.\u003C\u002Fp>\n\u003Cp>\u003Cstrong>Made with care by Pixelgrade\u003C\u002Fstrong>\u003C\u002Fp>\n\u003Ch3>Credits\u003C\u002Fh3>\n\u003Cul>\n\u003Cli>\u003Ca href=\"https:\u002F\u002Fselect2.github.io\" rel=\"nofollow ugc\">Select2\u003C\u002Fa> JavaScript library – License: MIT\u003C\u002Fli>\n\u003Cli>\u003Ca href=\"https:\u002F\u002Fgithub.com\u002FNV\u002FCSSOM\" rel=\"nofollow ugc\">CSSOM.js\u003C\u002Fa> JavaScript library – License: MIT\u003C\u002Fli>\n\u003Cli>\u003Ca href=\"https:\u002F\u002Face.c9.io\u002F\" rel=\"nofollow ugc\">Ace Editor\u003C\u002Fa> JavaScript editor – License: BSD\u003C\u002Fli>\n\u003Cli>\u003Ca href=\"https:\u002F\u002Fgithub.com\u002Fnatedavisolds\u002Fjquery-react\" rel=\"nofollow ugc\">jQuery React\u003C\u002Fa> JavaScript jQuery plugin – License: MIT\u003C\u002Fli>\n\u003Cli>\u003Ca href=\"https:\u002F\u002Fgithub.com\u002Ftypekit\u002Fwebfontloader\" rel=\"nofollow ugc\">Web Font Loader\u003C\u002Fa> JavaScript library – License: Apache 2.0\u003C\u002Fli>\n\u003Cli>\u003Ca href=\"http:\u002F\u002Ffusejs.io\" rel=\"nofollow ugc\">Fuse.js\u003C\u002Fa> Lightweight fuzzy-search JavaScript library – License: Apache 2.0\u003C\u002Fli>\n\u003Cli>Default \u003Ca href=\"https:\u002F\u002Funsplash.com\u002Fphotos\u002FOgM4RKdr2kY\" rel=\"nofollow ugc\">image\u003C\u002Fa> for Style Manager Color Palette control – License: \u003Ca href=\"https:\u002F\u002Funsplash.com\u002Flicense\" rel=\"nofollow ugc\">Unsplash\u003C\u002Fa>\u003C\u002Fli>\n\u003C\u002Ful>\n","Customify is a theme Customizer booster to easily customize Fonts, Colors, and other options for a certain WordPress theme.",10000,701002,76,9,"2026-02-24T12:30:00.000Z","6.9.4","5.9.0","7.4",[20,53,126,127,128],"design","fonts","gutenberg","https:\u002F\u002Fwordpress.org\u002Fplugins\u002Fcustomify\u002F","https:\u002F\u002Fdownloads.wordpress.org\u002Fplugin\u002Fcustomify.2.10.7.zip",1,"2023-03-14 00:00:00",{"attackSurface":134,"codeSignals":153,"taintFlows":175,"riskAssessment":176,"analyzedAt":181},{"hooks":135,"ajaxHandlers":146,"restRoutes":147,"shortcodes":148,"cronEvents":152,"entryPointCount":131,"unprotectedCount":13},[136,142],{"type":137,"name":138,"callback":139,"file":140,"line":141},"action","wp_head","display_color_load_css","main.php",34,{"type":137,"name":143,"callback":144,"file":140,"line":145},"widgets_init","register_display_color_widget",147,[],[],[149],{"tag":4,"callback":150,"file":140,"line":151},"display_color_display_color",15,[],{"dangerousFunctions":154,"sqlUsage":155,"outputEscaping":157,"fileOperations":13,"externalRequests":13,"nonceChecks":13,"capabilityChecks":13,"bundledLibraries":174},[],{"prepared":13,"raw":13,"locations":156},[],{"escaped":158,"rawEcho":47,"locations":159},2,[160,163,165,167,169,171,173],{"file":140,"line":161,"context":162},64,"raw output",{"file":140,"line":164,"context":162},96,{"file":140,"line":166,"context":162},98,{"file":140,"line":168,"context":162},105,{"file":140,"line":170,"context":162},119,{"file":140,"line":172,"context":162},120,{"file":140,"line":172,"context":162},[],[],{"summary":177,"deductions":178},"The \"display-color\" v1.0 plugin exhibits a generally positive security posture based on the static analysis.  The absence of dangerous functions, raw SQL queries, file operations, and external HTTP requests are all strong indicators of secure coding practices.  Furthermore, the plugin has no recorded vulnerability history, suggesting a lack of known exploits and a potentially stable codebase.  The limited attack surface, with only one shortcode and no unprotected entry points, further contributes to its security.  However, a significant concern lies in the output escaping, where a mere 22% of outputs are properly escaped. This leaves a substantial portion of the plugin's output vulnerable to cross-site scripting (XSS) attacks, which could be exploited if user-supplied data is not handled with sufficient sanitization before being displayed. While the plugin doesn't appear to have any critical technical flaws like SQL injection or direct path traversal, this lack of proper output escaping is a notable weakness that could lead to security incidents.",[179],{"reason":180,"points":47},"Low percentage of properly escaped output","2026-03-17T00:32:55.968Z",{"wat":183,"direct":188},{"assetPaths":184,"generatorPatterns":185,"scriptPaths":186,"versionParams":187},[],[],[],[],{"cssClasses":189,"htmlComments":192,"htmlAttributes":193,"restEndpoints":194,"jsGlobals":195,"shortcodeOutput":196},[190,191],"display_color_ridispclr","display_color_dispclr",[],[],[],[191],[197,198,199,200,201,202],"\u003Cdiv class=\"display_color_ridispclr\">","\u003Cp>Enter color code below \u003Cb>( Example : #DD3F3F )\u003C\u002Fb>\u003C\u002Fp>","\u003Cinput type=\"text\" id=\"display_color_ridc\" placeholder=\"Enter code here...\" \u002F>","\u003Cinput type=\"button\" onclick=\"return display_color_dispclr();\" value=\"See Color\" \u002F>","\u003Cdiv id=\"display_color_dispclr\">ColorBox\u003C\u002Fdiv>","\u003C\u002Fdiv>"]