{"id":39,"date":"2026-03-10T17:43:24","date_gmt":"2026-03-10T16:43:24","guid":{"rendered":"https:\/\/chessdiag.org\/blog\/?p=39"},"modified":"2026-03-10T17:43:24","modified_gmt":"2026-03-10T16:43:24","slug":"customizing-your-chess-diagram-colors","status":"publish","type":"post","link":"https:\/\/chessdiag.org\/blog\/index.php\/2026\/03\/10\/customizing-your-chess-diagram-colors\/","title":{"rendered":"Customizing your chess diagram colors"},"content":{"rendered":"\n<div class=\"wp-block-group has-global-padding is-layout-constrained wp-block-group-is-layout-constrained\">\n<p>Chessdiag lets you change the board colors to match your blog&rsquo;s style. Use the <code>cl<\/code> attribute for light squares and <code>cd<\/code> for dark squares \u2014 both take a 6-digit hex color code (no <code>#<\/code> needed).<\/p>\n\n\n\n<p><strong>Classic wood look:<\/strong><\/p>\n\n\n[diag cl=f7f1e8 cd=898480]all[\/diag]\n\n\n\n<p>Result:<\/p>\n\n\n<p><p style=\"text-align:center\"><a href=\"https:\/\/chessdiag.org\/mrmnmbmqmkmbmnmr8mp32s8prnbqkbnr.diag?cl=f7f1e8&#038;cd=898480\" target=\"_blank\" rel=\"noopener noreferrer\"><img decoding=\"async\" src=\"https:\/\/chessdiag.org\/mrmnmbmqmkmbmnmr8mp32s8prnbqkbnr.png?cl=f7f1e8&#038;cd=898480\" width=\"300\" loading=\"lazy\" alt=\"RNBQKBNRPPPPPPPPsssssssssssssssssssssssssssssssspppppppprnbqkbnr\" style=\"max-width:100%;height:auto;display:inline-block\"\/><\/a><\/p><\/p>\n\n\n\n<p><strong>Blue tournament style:<\/strong><\/p>\n\n\n[diag cl=dee3e6 cd=8ca2ad]all[\/diag]\n\n\n\n<p>Result:<\/p>\n\n\n<p><p style=\"text-align:center\"><a href=\"https:\/\/chessdiag.org\/mrmnmbmqmkmbmnmr8mp32s8prnbqkbnr.diag?cl=dee3e6&#038;cd=8ca2ad\" target=\"_blank\" rel=\"noopener noreferrer\"><img decoding=\"async\" src=\"https:\/\/chessdiag.org\/mrmnmbmqmkmbmnmr8mp32s8prnbqkbnr.png?cl=dee3e6&#038;cd=8ca2ad\" width=\"300\" loading=\"lazy\" alt=\"RNBQKBNRPPPPPPPPsssssssssssssssssssssssssssssssspppppppprnbqkbnr\" style=\"max-width:100%;height:auto;display:inline-block\"\/><\/a><\/p><\/p>\n\n\n\n<p><strong>Green traditional:<\/strong><\/p>\n\n\n[diag cl=ffffdd cd=86a666]all[\/diag]\n\n\n\n<p>Result:<\/p>\n\n\n<p><p style=\"text-align:center\"><a href=\"https:\/\/chessdiag.org\/mrmnmbmqmkmbmnmr8mp32s8prnbqkbnr.diag?cl=ffffdd&#038;cd=86a666\" target=\"_blank\" rel=\"noopener noreferrer\"><img decoding=\"async\" src=\"https:\/\/chessdiag.org\/mrmnmbmqmkmbmnmr8mp32s8prnbqkbnr.png?cl=ffffdd&#038;cd=86a666\" width=\"300\" loading=\"lazy\" alt=\"RNBQKBNRPPPPPPPPsssssssssssssssssssssssssssssssspppppppprnbqkbnr\" style=\"max-width:100%;height:auto;display:inline-block\"\/><\/a><\/p><\/p>\n\n\n\n<p><strong>High contrast:<\/strong><\/p>\n\n\n[diag cl=ffffff cd=333333]all[\/diag]\n\n\n\n<p>Result:<\/p>\n\n\n<p><p style=\"text-align:center\"><a href=\"https:\/\/chessdiag.org\/mrmnmbmqmkmbmnmr8mp32s8prnbqkbnr.diag?cl=ffffff&#038;cd=333333\" target=\"_blank\" rel=\"noopener noreferrer\"><img decoding=\"async\" src=\"https:\/\/chessdiag.org\/mrmnmbmqmkmbmnmr8mp32s8prnbqkbnr.png?cl=ffffff&#038;cd=333333\" width=\"300\" loading=\"lazy\" alt=\"RNBQKBNRPPPPPPPPsssssssssssssssssssssssssssssssspppppppprnbqkbnr\" style=\"max-width:100%;height:auto;display:inline-block\"\/><\/a><\/p><\/p>\n\n\n\n<p><strong>Combined with other attributes:<\/strong><\/p>\n\n\n[diag cl=f7f1e8 cd=898480 flip=1 arrows=e2e4g]all[\/diag]\n\n\n\n<p>Result:<\/p>\n\n\n<p><p style=\"text-align:center\"><a href=\"https:\/\/chessdiag.org\/mrmnmbmqmkmbmnmr8mp32s8prnbqkbnr.diag?flip=1&#038;arrows=e2e4g&#038;cl=f7f1e8&#038;cd=898480\" target=\"_blank\" rel=\"noopener noreferrer\"><img decoding=\"async\" src=\"https:\/\/chessdiag.org\/mrmnmbmqmkmbmnmr8mp32s8prnbqkbnr.png?flip=1&#038;arrows=e2e4g&#038;cl=f7f1e8&#038;cd=898480\" width=\"300\" loading=\"lazy\" alt=\"RNBQKBNRPPPPPPPPsssssssssssssssssssssssssssssssspppppppprnbqkbnr\" style=\"max-width:100%;height:auto;display:inline-block\"\/><\/a><\/p><\/p>\n\n\n\n<p>Not sure which colors to pick? Use the color pickers in the <a href=\"https:\/\/chessdiag.org\">Chessdiag editor<\/a> \u2014 the WordPress shortcode is generated automatically with the right hex codes.<\/p>\n<\/div>\n","protected":false},"excerpt":{"rendered":"<p>Chessdiag lets you change the board colors to match your blog&rsquo;s style. Use the cl attribute for light squares and cd for dark squares \u2014 both take a 6-digit hex color code (no # needed). Classic wood look: Result: Blue tournament style: Result: Green traditional: Result: High contrast: Result: Combined with other attributes: Result: Not [&hellip;]<\/p>\n","protected":false},"author":1,"featured_media":0,"comment_status":"open","ping_status":"open","sticky":false,"template":"","format":"standard","meta":{"footnotes":""},"categories":[1],"tags":[],"class_list":["post-39","post","type-post","status-publish","format-standard","hentry","category-uncategorized"],"_links":{"self":[{"href":"https:\/\/chessdiag.org\/blog\/index.php\/wp-json\/wp\/v2\/posts\/39","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/chessdiag.org\/blog\/index.php\/wp-json\/wp\/v2\/posts"}],"about":[{"href":"https:\/\/chessdiag.org\/blog\/index.php\/wp-json\/wp\/v2\/types\/post"}],"author":[{"embeddable":true,"href":"https:\/\/chessdiag.org\/blog\/index.php\/wp-json\/wp\/v2\/users\/1"}],"replies":[{"embeddable":true,"href":"https:\/\/chessdiag.org\/blog\/index.php\/wp-json\/wp\/v2\/comments?post=39"}],"version-history":[{"count":1,"href":"https:\/\/chessdiag.org\/blog\/index.php\/wp-json\/wp\/v2\/posts\/39\/revisions"}],"predecessor-version":[{"id":40,"href":"https:\/\/chessdiag.org\/blog\/index.php\/wp-json\/wp\/v2\/posts\/39\/revisions\/40"}],"wp:attachment":[{"href":"https:\/\/chessdiag.org\/blog\/index.php\/wp-json\/wp\/v2\/media?parent=39"}],"wp:term":[{"taxonomy":"category","embeddable":true,"href":"https:\/\/chessdiag.org\/blog\/index.php\/wp-json\/wp\/v2\/categories?post=39"},{"taxonomy":"post_tag","embeddable":true,"href":"https:\/\/chessdiag.org\/blog\/index.php\/wp-json\/wp\/v2\/tags?post=39"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}