Color chart
How do I make an color chart?
What is a color chart? How do you make a color chart? This script and codes were developed by Kescoe on 22 October 2022, Saturday.
Color chart - Script Codes HTML Codes
<!DOCTYPE html>
<html >
<head> <meta charset="UTF-8"> <title>color chart</title> <link rel='stylesheet prefetch' href='http://ajax.googleapis.com/ajax/libs/jqueryui/1.11.2/themes/smoothness/jquery-ui.css'> <style> /* NOTE: The styles were added inline because Prefixfree needs access to your styles and they must be inlined if they are on local disk! */ table{ border:2px #A4A4A4 solid ; text-align:center; position:absolute;}
div{ border-radius:10px 10px; width:35px; height:35px;}
div:hover{ border-radius:20px 20px ; height:30px;
} </style> <script src="https://cdnjs.cloudflare.com/ajax/libs/prefixfree/1.0.7/prefixfree.min.js"></script>
</head>
<body> <table > <th></th> <tr id = "reds"> <td> <div style = "background-color:#FF0000" title = "#FF0000"> </div> </td> <td> <div style = "background-color:#FF4000" title = "#FF4000" > </div> </td> <td> <div style = "background-color:#FF8000" title = "#FF8000" > </div> </td> <td> <div style = "background-color:#FFBF00" title = "#FFBF00" > </div> </td> <td> <div style = "background-color:#FFFF00" title = "#FFFF00" > </div> </td> <td> <div style = "background-color:#BFFF00" title = "#BFFF00" > </div> </td> </tr> <tr id = "greens"> <td> <div style = "background-color:#088A08" title = "#088A08" > </div> </td> <td> <div style = "background-color:#04B404 " title = "#04B404" > </div> </td> <td> <div style = "background-color:#04B431" title = "#04B431"> </div> </td> <td> <div style = "background-color:#01DF01" title = "#01DF01" > </div> </td> <td> <div style = "background-color:#2EFE2E" title = "#2EFE2E" > </div> </td> <td> <div style = "background-color:#58FA58" > </div> </td> </tr> <tr id = "blues"> <td> <div style = "background-color:#0101DF" title = "#0101DF" > </div> </td> <td> <div style = "background-color:#045FB4" title = "#045FB4" > </div> </td> <td> <div style = "background-color:#0174DF" title = "#0174DF" > </div> </td> <td> <div style = "background-color:#0080FF" title = "#0080FF" > </div> </td> <td> <div style = "background-color:#2E9AFE" title = "#2E9AFE" > </div> </td> <td> <div style = "background-color:#58ACFA" title = "#58ACFA" > </div> </td> </tr> <tr id = "purple"> <td> <div style = "background-color:#4B088A" title = "#4B088A" > </div> </td> <td> <div style = "background-color:#5F04B4" title = "#5F04B4" > </div> </td> <td> <div style = "background-color:#8000FF" title = "#8000FF" > </div> </td> <td> <div style = "background-color: #9100DF" title = "#9100DF" > </div> </td> <td> <div style = "background-color:#9A2EFE" title = "#9A2EFE" > </div> </td> <td> <div style = "background-color:#AC58FA" title = "#AC58FA" > </div> </td> </tr>
</table> <script src='http://cdnjs.cloudflare.com/ajax/libs/jquery/2.1.3/jquery.min.js'></script>
<script src='http://ajax.googleapis.com/ajax/libs/jqueryui/1.11.2/jquery-ui.min.js'></script> <script src="js/index.js"></script>
</body>
</html>
Color chart - Script Codes CSS Codes
table{ border:2px #A4A4A4 solid ; text-align:center; position:absolute;}
div{ border-radius:10px 10px; width:35px; height:35px;}
div:hover{ border-radius:20px 20px ; height:30px;
}
Color chart - Script Codes JS Codes
$('table').draggable();
$('table').resizable();
![Color chart - Script Codes](http://shots.codepen.io/kescoe/pen/uyrqa-512.jpg)
Developer | Kescoe |
Username | kescoe |
Uploaded | October 22, 2022 |
Rating | 3 |
Size | 2,248 Kb |
Views | 18,216 |
Find the perfect freelance services for your business! Fiverr's mission is to change how the world works together. Fiverr connects businesses with freelancers offering digital services in 500+ categories. Find Developer!
Name | Size |
Hiding nav | 3,207 Kb |
Funny animals | 3,076 Kb |
Accordian nav | 2,168 Kb |
Mr.Build A Face | 2,672 Kb |
Animated menu | 2,143 Kb |
CSS gameboy | 4,131 Kb |
Animated Invite | 2,556 Kb |
Css iphone | 2,773 Kb |
IceCream Truck | 4,306 Kb |
Div buttons | 1,978 Kb |
Jasper is the AI Content Generator that helps you and your team break through creative blocks to create amazing, original content 10X faster. Discover all the ways the Jasper AI Content Platform can help streamline your creative workflows. Start For Free!
Name | Username | Size |
Ghost | Mghayour | 11,738 Kb |
FreeCodeCamp - Simon Game | Ivhed | 8,481 Kb |
Vanilla modal window | Jasonhowmans | 3,554 Kb |
Bootstrap 3 Price Table | Honglio | 2,655 Kb |
CSS Google Now | Jackmoran | 3,196 Kb |
Marching Squares Visualized | Sakri | 7,074 Kb |
JQuery exercise | Brian-baum | 3,780 Kb |
Ripples in water | Nobitagit | 2,704 Kb |
Very Simple Slider | Doodlemarks | 2,682 Kb |
Next Word Predictor | Rfalor | 2,776 Kb |
Surf anonymously, prevent hackers from acquiring your IP address, send anonymous email, and encrypt your Internet connection. High speed, ultra secure, and easy to use. Instant setup. Hide Your IP Now!