{"id":308,"date":"2011-02-23T00:00:00","date_gmt":"2011-02-23T00:00:00","guid":{"rendered":"http:\/\/blog.causevox.com\/?p=308"},"modified":"2024-05-09T17:02:13","modified_gmt":"2024-05-09T17:02:13","slug":"the-basic-concept-of-web-colors","status":"publish","type":"post","link":"https:\/\/www.causevox.com\/blog\/the-basic-concept-of-web-colors\/","title":{"rendered":"The Basic Concept of Web Colors"},"content":{"rendered":"<p>In our Page Editor, you can change colors using the on screen color palette. HEX codes of colors associated with your organization can be used, in lieu of the color&nbsp;palette, to give you more accurate color results. More accurate colors give the donor and supporters a better fundraising experience. But before we explain HEX codes, we&#8217;ll need to explain RGB.<\/p>\n<p>RGB is a color model in which red\/green\/blue colors are added together to produce a specific color. It\u2019s like the color wheel that we learned in grade school.<\/p>\n<p>Here is an example. Below you see a color swatch and five rows of numbers\/letters. The combination of Red (229), Green (70), and Blue (97) creates the color.<\/p>\n<p><a title=\"color rgb hex by causevox, on Flickr\" href=\"https:\/\/www.flickr.com\/photos\/causevox\/5469970711\/\" rel=\"noopener\"><img loading=\"lazy\" decoding=\"async\" src=\"https:\/\/causevox.com\/wp-content\/uploads\/2024\/05\/5469970711_c82558752a.jpg\" alt=\"color rgb hex\" width=\"212\" height=\"415\"><\/a><\/p>\n<p>HEX is just the web-code for the RGB. Web pages use the HEX code to determine what colors to display. If your organization has a branding guide or logo, it usually comes with RGB or HEX colors so you know which specific shade of colors to use. Any other color formats can usually be converted to HEX code using this <a href=\"https:\/\/web.forret.com\/tools\/color.asp\" target=\"_blank\" rel=\"noopener nofollow\">converter<\/a>.<\/p>\n<p>If you have a logo but no RGB\/HEX colors, use <a href=\"https:\/\/www.colourlovers.com\/photocopa\" target=\"_blank\" rel=\"noopener nofollow\">PhotoCopa<\/a> to determine the colors. Just upload your logo and the tool will find the colors for you.<\/p>\n<p>In summary, using the right colors goes a long way in making the CauseVox platform your own. Try to use HEX codes to find the colors that represent your organization.<\/p>\n","protected":false},"excerpt":{"rendered":"<p>In our Page Editor, you can change colors using the on screen color palette. HEX codes of colors associated with your organization can be used, in lieu of the color&nbsp;palette, to give you more accurate color results. More accurate colors give the donor and supporters a better fundraising experience. But before we explain HEX codes, [&hellip;]<\/p>\n","protected":false},"author":2,"featured_media":0,"comment_status":"open","ping_status":"open","sticky":false,"template":"","format":"standard","meta":{"_acf_changed":false,"footnotes":""},"categories":[34],"tags":[],"class_list":["post-308","post","type-post","status-publish","format-standard","hentry","category-article"],"acf":[],"featured_image_src":null,"featured_image_src_square":null,"author_info":{"display_name":"Rob Wu","author_link":"https:\/\/www.causevox.com\/author\/rob\/"},"_links":{"self":[{"href":"https:\/\/www.causevox.com\/wp-json\/wp\/v2\/posts\/308","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/www.causevox.com\/wp-json\/wp\/v2\/posts"}],"about":[{"href":"https:\/\/www.causevox.com\/wp-json\/wp\/v2\/types\/post"}],"author":[{"embeddable":true,"href":"https:\/\/www.causevox.com\/wp-json\/wp\/v2\/users\/2"}],"replies":[{"embeddable":true,"href":"https:\/\/www.causevox.com\/wp-json\/wp\/v2\/comments?post=308"}],"version-history":[{"count":0,"href":"https:\/\/www.causevox.com\/wp-json\/wp\/v2\/posts\/308\/revisions"}],"wp:attachment":[{"href":"https:\/\/www.causevox.com\/wp-json\/wp\/v2\/media?parent=308"}],"wp:term":[{"taxonomy":"category","embeddable":true,"href":"https:\/\/www.causevox.com\/wp-json\/wp\/v2\/categories?post=308"},{"taxonomy":"post_tag","embeddable":true,"href":"https:\/\/www.causevox.com\/wp-json\/wp\/v2\/tags?post=308"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}