html web colors

Posted on 2012-09-14
Last Modified: 2012-09-15
Hi experts,

I have a list of about 20 html hex color codes.

So my list looks something like this:


In order to actually see what color each code is I just type it into Photoshop in the color palette but I do it one color at a time. After I type the color code in the palette I can see what color it is.

Is there a tool or website out there where I can submit either a text file or spreadsheet or csv file of my list of colors and then when I submit it, it outputs a table of my submitted color codes with a picture of the actual color right next to it?

Question by:maqskywalker
    1 Comment
    LVL 82

    Accepted Solution

    You can do it yourself.  Here's a small HTML file that shows different foreground and back ground colors that you can edit and add to yourself.

    <!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN"
    <title>Color Test</title>
    <h1>Color Test</h1>
    <div style="color: #ffffff;background-color: #00ff00;">&nbsp;#ffffff on #00ff00</div>
    <div style="color: #000000;background-color: #FFFCCC;">&nbsp;#000000 on #FFFCCC</div>
    <div style="color: #000000;background-color: #F33CCC;">&nbsp;#000000 on #F33CCC</div>
    <div style="color: #ffffff;background-color: #0000FF;">&nbsp;#ffffff on #0000FF</div>
    <div style="color: #ffffff;background-color: #00ff00;">&nbsp;#ffffff on #00ff00</div>
    <div style="color: #000000;background-color: #00ff00;">&nbsp;#000000 on #00ff00</div>

    Open in new window


    Write Comment

    Please enter a first name

    Please enter a last name

    We will never share this with anyone.

    Featured Post

    Course: HTML5 Mobile App Development with PhoneGap

    PhoneGap can help you leverage your already existing HTML5, JavaScript, and CSS skills in order to create and deploy cross-platform mobile apps.This program comprehensively covers HTML5 mobile app development from top to bottom.

    Suggested Solutions

    Preface In the first article: A Better Website Login System ( I introduced the EE Collaborative Login System and its intended purpose. In this article I will discuss some of the design consideratio…
    SASS allows you to treat your CSS code in a more OOP way. Let's have a look on how you can structure your code in order for it to be easily maintained and reused.
    The viewer will learn how to look for a specific file type in a local or remote server directory using PHP.
    The viewer will the learn the benefit of plain text editors and code an HTML5 based template for use in further tutorials.

    794 members asked questions and received personalized solutions in the past 7 days.

    Join the community of 500,000 technology professionals and ask your questions.

    Join & Ask a Question

    Need Help in Real-Time?

    Connect with top rated Experts

    18 Experts available now in Live!

    Get 1:1 Help Now