moderated HTML Codes For Colors?


Annabelle Susan Morison
 

Hi, it's Annabelle.
I'm wondering, does anybody know what the HTML codes are for generating different colors? Say, for example, I want to generate a different color for these three buttons that I've made. One is "Deleted File Scan", one is "Deep Scan", and the other is "Lost Partition Scan". The "Deleted File Scan" could be sky blue, the "Deep Scan" could be forest green, and the "Lost Partition Scan" could be dark gray. What would be the codes for those and other colors in HTML? Is there a software that works with JAWS that can act as a color picker? Perhaps Windows 10 has something built into it?


 

Annabelle,

There are scads of HTML color code charts out there, but this page may serve your purposes best:  https://www.rapidtables.com/web/color/html-color-codes.html 
Do a web search on HTML color code chart and you'll find many more.

Most conventionally, color codes are specified by something that has the form of a hashtag, a pound sign/number sign followed by the hexidecimal color code.  So for sky blue that would be ##58D3F7, forest green would be #122A0A, and medium-light gray would be #848484 (dark gray is too dark to read black text on, and I'll presume the label text is going to be black).

This page, https://www.html.am/html-codes/color/color-code-chart.cfm, while probably not as helpful as far as the chart goes, does have a nice little section about how to specify colors in HTML by their official names, hex codes, and RGB decimal notation.

My advice to you would be to give this page a try:  https://www.html.am/html-codes/color/color-code-chart.cfm 
Down the side is a navigation bar of links that break the colors into classes, e.g., red, blue, brown, maroon, etc.  When any one of those links is activated, the other side of the page is changed to a visual presentation of the colors (which I know won't help you much) in the form of swatches, but those swatches are lists and each swatch is an item.  If you go through the list item by item the color name is given, followed by its HEX code, followed by its RGB designation.

I do not know of any color picker that is screen reader friendly because all of them I've ever worked with are mouse driven and pick the color of a pixel on the screen that you are hovering over when you click.  That's almost impossible to manage in any reasonable way with a screen reader, and I don't think that any colors are read out (it's presumed you can see them for the selection part) prior to selection, and even possibly after that.
--

Brian Virginia, USA Windows 10, 64-Bit, Version 21H2, Build 19044  

Puritanism: The haunting fear that someone, somewhere, may be happy.

    ~ H.L. Mencken, AKA The Sage of Baltimore


Annabelle Susan Morison
 

What if the text is white?

On 09/28/2022 11:19 AM Brian Vogel <britechguy@...> wrote:


Annabelle,

There are scads of HTML color code charts out there, but this page may serve your purposes best:  https://www.rapidtables.com/web/color/html-color-codes.html 
Do a web search on HTML color code chart and you'll find many more.

Most conventionally, color codes are specified by something that has the form of a hashtag, a pound sign/number sign followed by the hexidecimal color code.  So for sky blue that would be ##58D3F7, forest green would be #122A0A, and medium-light gray would be #848484 (dark gray is too dark to read black text on, and I'll presume the label text is going to be black).

This page, https://www.html.am/html-codes/color/color-code-chart.cfm, while probably not as helpful as far as the chart goes, does have a nice little section about how to specify colors in HTML by their official names, hex codes, and RGB decimal notation.

My advice to you would be to give this page a try:  https://www.html.am/html-codes/color/color-code-chart.cfm 
Down the side is a navigation bar of links that break the colors into classes, e.g., red, blue, brown, maroon, etc.  When any one of those links is activated, the other side of the page is changed to a visual presentation of the colors (which I know won't help you much) in the form of swatches, but those swatches are lists and each swatch is an item.  If you go through the list item by item the color name is given, followed by its HEX code, followed by its RGB designation.

I do not know of any color picker that is screen reader friendly because all of them I've ever worked with are mouse driven and pick the color of a pixel on the screen that you are hovering over when you click.  That's almost impossible to manage in any reasonable way with a screen reader, and I don't think that any colors are read out (it's presumed you can see them for the selection part) prior to selection, and even possibly after that.
--

Brian Virginia, USA Windows 10, 64-Bit, Version 21H2, Build 19044  

Puritanism: The haunting fear that someone, somewhere, may be happy.

    ~ H.L. Mencken, AKA The Sage of Baltimore


JM Casey
 

I think this is exactly what you need.

.

 

https://htmlcolorcodes.com/

 

From: main@jfw.groups.io <main@jfw.groups.io> On Behalf Of Annabelle Susan Morison
Sent: September 28, 2022 01:53 PM
To: JAWS For Windows Mailing List <main@jfw.groups.io>
Subject: HTML Codes For Colors?

 

Hi, it's Annabelle.

I'm wondering, does anybody know what the HTML codes are for generating different colors? Say, for example, I want to generate a different color for these three buttons that I've made. One is "Deleted File Scan", one is "Deep Scan", and the other is "Lost Partition Scan". The "Deleted File Scan" could be sky blue, the "Deep Scan" could be forest green, and the "Lost Partition Scan" could be dark gray. What would be the codes for those and other colors in HTML? Is there a software that works with JAWS that can act as a color picker? Perhaps Windows 10 has something built into it?


Annabelle Susan Morison
 

Will these work to color the text and the buttons themselves?

On 09/28/2022 11:39 AM JM Casey <jmcasey@...> wrote:


I think this is exactly what you need.

.

 

https://htmlcolorcodes.com/

 

From: main@jfw.groups.io <main@jfw.groups.io> On Behalf Of Annabelle Susan Morison
Sent: September 28, 2022 01:53 PM
To: JAWS For Windows Mailing List <main@jfw.groups.io>
Subject: HTML Codes For Colors?


Hi, it's Annabelle.

I'm wondering, does anybody know what the HTML codes are for generating different colors? Say, for example, I want to generate a different color for these three buttons that I've made. One is "Deleted File Scan", one is "Deep Scan", and the other is "Lost Partition Scan". The "Deleted File Scan" could be sky blue, the "Deep Scan" could be forest green, and the "Lost Partition Scan" could be dark gray. What would be the codes for those and other colors in HTML? Is there a software that works with JAWS that can act as a color picker? Perhaps Windows 10 has something built into it?



K0LNY
 


I would think these are mainly used in a text editor, or HTML editor,  to create a web page.
 

----- Original Message -----
Sent: Wednesday, September 28, 2022 1:48 PM
Subject: Re: HTML Codes For Colors?

Will these work to color the text and the buttons themselves?
On 09/28/2022 11:39 AM JM Casey <jmcasey@...> wrote:


I think this is exactly what you need.

.

 

https://htmlcolorcodes.com/

 

From: main@jfw.groups.io <main@jfw.groups.io> On Behalf Of Annabelle Susan Morison
Sent: September 28, 2022 01:53 PM
To: JAWS For Windows Mailing List <main@jfw.groups.io>
Subject: HTML Codes For Colors?


Hi, it's Annabelle.

I'm wondering, does anybody know what the HTML codes are for generating different colors? Say, for example, I want to generate a different color for these three buttons that I've made. One is "Deleted File Scan", one is "Deep Scan", and the other is "Lost Partition Scan". The "Deleted File Scan" could be sky blue, the "Deep Scan" could be forest green, and the "Lost Partition Scan" could be dark gray. What would be the codes for those and other colors in HTML? Is there a software that works with JAWS that can act as a color picker? Perhaps Windows 10 has something built into it?



Annabelle Susan Morison
 

Hey Glenn!
How's this for color coding?






<html>
<BODY>
<button style="background-color:SkyBlue;">Deleted File Scan</button>
<button style="background-color:ForestGreen;">Deep Scan</button>
<button style="background-color:DarkGray;">Lost Partition Scan</button>

</BODY>
</HTML>


On 09/28/2022 11:53 AM Glenn / Lenny <glenn@...> wrote:


I would think these are mainly used in a text editor, or HTML editor,  to create a web page.

----- Original Message -----
Sent: Wednesday, September 28, 2022 1:48 PM
Subject: Re: HTML Codes For Colors?

Will these work to color the text and the buttons themselves?
On 09/28/2022 11:39 AM JM Casey <jmcasey@...> wrote:


I think this is exactly what you need.

.


https://htmlcolorcodes.com/


From: main@jfw.groups.io <main@jfw.groups.io> On Behalf Of Annabelle Susan Morison
Sent: September 28, 2022 01:53 PM
To: JAWS For Windows Mailing List <main@jfw.groups.io>
Subject: HTML Codes For Colors?


Hi, it's Annabelle.

I'm wondering, does anybody know what the HTML codes are for generating different colors? Say, for example, I want to generate a different color for these three buttons that I've made. One is "Deleted File Scan", one is "Deep Scan", and the other is "Lost Partition Scan". The "Deleted File Scan" could be sky blue, the "Deep Scan" could be forest green, and the "Lost Partition Scan" could be dark gray. What would be the codes for those and other colors in HTML? Is there a software that works with JAWS that can act as a color picker? Perhaps Windows 10 has something built into it?



Annabelle Susan Morison
 

Now that I know how to change the background color, what's the code for changing the foreground color?

On 09/28/2022 11:53 AM Glenn / Lenny <glenn@...> wrote:


I would think these are mainly used in a text editor, or HTML editor,  to create a web page.

----- Original Message -----
Sent: Wednesday, September 28, 2022 1:48 PM
Subject: Re: HTML Codes For Colors?

Will these work to color the text and the buttons themselves?
On 09/28/2022 11:39 AM JM Casey <jmcasey@...> wrote:


I think this is exactly what you need.

.


https://htmlcolorcodes.com/


From: main@jfw.groups.io <main@jfw.groups.io> On Behalf Of Annabelle Susan Morison
Sent: September 28, 2022 01:53 PM
To: JAWS For Windows Mailing List <main@jfw.groups.io>
Subject: HTML Codes For Colors?


Hi, it's Annabelle.

I'm wondering, does anybody know what the HTML codes are for generating different colors? Say, for example, I want to generate a different color for these three buttons that I've made. One is "Deleted File Scan", one is "Deep Scan", and the other is "Lost Partition Scan". The "Deleted File Scan" could be sky blue, the "Deep Scan" could be forest green, and the "Lost Partition Scan" could be dark gray. What would be the codes for those and other colors in HTML? Is there a software that works with JAWS that can act as a color picker? Perhaps Windows 10 has something built into it?



 

On Thu, Sep 29, 2022 at 08:51 AM, Annabelle Susan Morison wrote:
Now that I know how to change the background color, what's the code for changing the foreground color?
-
You really need to look at the syntax for Cascading Style Sheets (CSS) and play with it, as this is really how most formatting is done so that it's easy to reuse across pages and doesn't need to be done over and over and over again.

This page, showing CSS for buttons, is a good one:  https://www.w3schools.com/tags/tag_button.asp 
The color attribute in the style section for .button is for the foreground (label text, in this case) color.

The whole w3schools.com site is an excellent resource when it comes to HTML.
--

Brian Virginia, USA Windows 10, 64-Bit, Version 21H2, Build 19044  

Puritanism: The haunting fear that someone, somewhere, may be happy.

    ~ H.L. Mencken, AKA The Sage of Baltimore


Annabelle Susan Morison
 

Hey Brian!
I've been experimenting with the "Color" attribute, but it seems that only changes the foreground color, then the background seems to stay on "Gray94". How do I fix that?

On 09/29/2022 6:26 AM Brian Vogel <britechguy@...> wrote:


On Thu, Sep 29, 2022 at 08:51 AM, Annabelle Susan Morison wrote:
Now that I know how to change the background color, what's the code for changing the foreground color?
-
You really need to look at the syntax for Cascading Style Sheets (CSS) and play with it, as this is really how most formatting is done so that it's easy to reuse across pages and doesn't need to be done over and over and over again.

This page, showing CSS for buttons, is a good one:  https://www.w3schools.com/tags/tag_button.asp 
The color attribute in the style section for .button is for the foreground (label text, in this case) color.

The whole w3schools.com site is an excellent resource when it comes to HTML.
--

Brian Virginia, USA Windows 10, 64-Bit, Version 21H2, Build 19044  

Puritanism: The haunting fear that someone, somewhere, may be happy.

    ~ H.L. Mencken, AKA The Sage of Baltimore