{"id":5291,"date":"2022-04-09T00:01:07","date_gmt":"2022-04-09T07:01:07","guid":{"rendered":"https:\/\/c-for-dummies.com\/blog\/?p=5291"},"modified":"2022-04-02T11:52:25","modified_gmt":"2022-04-02T18:52:25","slug":"color-text-part-ii","status":"publish","type":"post","link":"https:\/\/c-for-dummies.com\/blog\/?p=5291","title":{"rendered":"Color Text, Part II"},"content":{"rendered":"

From last week’s Lesson<\/a>, I showed how ANSI codes are used to set color text in terminal output. It’s time to go nuts showing the possibilities.
\n
\nI should write, “go loopy” instead of “go nuts,” as the sample code in this Lesson involves plenty of loops. The goal is to output a spectrum of color values, eight foreground and eight background.<\/p>\n

The foreground colors range from 30 through 37. Background colors range from 40 through 47. Rather than explain what each value represents, why not just look at the output? First the foreground codes:<\/p>\n

2022_04_09-Lesson-a.c<\/a><\/h3>\n
\r\n#include <stdio.h>\r\n\r\nint main()\r\n{\r\n    int c;\r\n    const char *colors[] = {\r\n        \"BLACK\", \"RED\", \"GREEN\", \"YELLOW\",\r\n        \"BLUE\", \"MAGENTA\", \"CYAN\", \"WHITE\"\r\n    };\r\n\r\n    for( c=0 ; c<8; c++ )\r\n    {\r\n        printf(\"%10s: \\x1b[3%cm%s\\x1b[m\\n\",\r\n                colors[c],\r\n                c+'0',\r\n                colors[c]\r\n              );\r\n    }\r\n\r\n    return(0);\r\n}<\/pre>\n
A const char<\/em> array colors[]<\/code> contains the text for the color names corresponding to codes zero through seven. These are output in the for<\/em> loop at Line 11.<\/p>\n
The printf()<\/em> statement at Line 13 outputs the color text name first in standard terminal colors. (My terminal’s standard colors are orange on black.) Next, the ANSI escape sequence is cobbled together. The value c+'0'<\/code> sets the ASCII character value for the color code. This value is inserted into the ANSI escape sequence to generate the proper foreground color. Also stuffed into the printf()<\/em> format string is the “normal” ASNI escape sequence, \\x1b[m<\/code>, which disables the color attribute after the text is output. Figure 1 shows the code’s sample output.<\/p>\n
\"\"
Figure 1. Color text output on my terminal, which uses an orange text foreground and black background.<\/p><\/div>\n
The first line of output in Figure 1 shows black text on a black background, which makes the text appear invisible though it’s still output. It’s important to properly coordinate foreground and background colors, not only to keep things visible but to ensure that the color pairing doesn’t nauseate the user.<\/p>\n
To assist you in choosing the best colors, the following code outputs the entire 64 possible foreground and background color combinations.<\/p>\n
2022_04_09-Lesson-b.c<\/a><\/h3>\n
\r\n#include <stdio.h>\r\n\r\nint main()\r\n{\r\n    int f,b;\r\n\r\n\r\n    for( f=0 ; f<8; f++ )\r\n    {\r\n        for( b=0; b<8; b++ )\r\n        {\r\n            printf(\"\\x1b[4%c;3%cm %02d:%02d \",\r\n                    f+'0',b+'0',\r\n                    f,b\r\n                  );\r\n        }\r\n        printf(\"\\x1b[m\\n\");\r\n    }\r\n\r\n    return(0);\r\n}<\/pre>\n
The nested for<\/em> loops use variables f<\/code> for the foreground color values and b<\/code> for the background color values. The printf()<\/em> statement at Line 12 assembles the proper ASNI escape sequence, setting both values in the sequence, separated by a semicolon. The code pair values are also output.<\/p>\n
The printf()<\/em> statement at Line 17 resets text attributes, ensuring that any “bleed” is removed between lines. Figure 2 shows the sample output on my terminal screen.<\/p>\n
\"Color
Figure 1. The full color grid, foreground and background color combinations.<\/p><\/div>\n
In Figure 2, the first value in a pair represents the foreground color, which are shown as columns. The second value represents the background, which appear in rows. The diagonal from 00:00 through 07:07 appears invisible as the foreground and background colors are identical.<\/p>\n
Other ASNI code values can be mixed with the color values used in this Lesson. In fact, the full slate of colors increases to 16-by-16 when you add the “intensity” value. This ASNI escape sequence is \\x1b[1m,<\/code> with code ‘1’ indicating bold or “intense” text. The bold attribute may not work on all terminals.<\/p>\n
For the full list of ASNI codes, refer to this page on Wikipedia<\/a>. The codes relevant to this post are found in the section titled “SGR (Select Graphic Rendition) parameters.”<\/p>\n","protected":false},"excerpt":{"rendered":"
Time to go nuts with color text. Continue reading →<\/span><\/a><\/p>\n","protected":false},"author":1,"featured_media":0,"comment_status":"open","ping_status":"closed","sticky":false,"template":"","format":"standard","meta":{"footnotes":""},"categories":[2],"tags":[],"class_list":["post-5291","post","type-post","status-publish","format-standard","hentry","category-main"],"_links":{"self":[{"href":"https:\/\/c-for-dummies.com\/blog\/index.php?rest_route=\/wp\/v2\/posts\/5291","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/c-for-dummies.com\/blog\/index.php?rest_route=\/wp\/v2\/posts"}],"about":[{"href":"https:\/\/c-for-dummies.com\/blog\/index.php?rest_route=\/wp\/v2\/types\/post"}],"author":[{"embeddable":true,"href":"https:\/\/c-for-dummies.com\/blog\/index.php?rest_route=\/wp\/v2\/users\/1"}],"replies":[{"embeddable":true,"href":"https:\/\/c-for-dummies.com\/blog\/index.php?rest_route=%2Fwp%2Fv2%2Fcomments&post=5291"}],"version-history":[{"count":7,"href":"https:\/\/c-for-dummies.com\/blog\/index.php?rest_route=\/wp\/v2\/posts\/5291\/revisions"}],"predecessor-version":[{"id":5307,"href":"https:\/\/c-for-dummies.com\/blog\/index.php?rest_route=\/wp\/v2\/posts\/5291\/revisions\/5307"}],"wp:attachment":[{"href":"https:\/\/c-for-dummies.com\/blog\/index.php?rest_route=%2Fwp%2Fv2%2Fmedia&parent=5291"}],"wp:term":[{"taxonomy":"category","embeddable":true,"href":"https:\/\/c-for-dummies.com\/blog\/index.php?rest_route=%2Fwp%2Fv2%2Fcategories&post=5291"},{"taxonomy":"post_tag","embeddable":true,"href":"https:\/\/c-for-dummies.com\/blog\/index.php?rest_route=%2Fwp%2Fv2%2Ftags&post=5291"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}