You can use this HTML color picker tool to choose and customize colors for your web projects. You can get HEX, RGB, and HSL color values instantly by picking the color from the given color wheel.
Pick and Preview Colors
You can make any colors using combinations of RED, GREEN, and BLUE. If you set the maximum intensity of all three colors, then the resulting color will be white. Similarly, if you give zero intensity for all RGB values, you will get black color.
An HTML validator is a tool that parses each line of code in order to find syntax errors and to check whether the HTML and CSS codes comply with the latest standards set by the World Wide Consortium (W3C).
The most frequently used validators are as follows −
The W3C Markup Validator
The W3C Markup Validator checks the markup validity of Web documents in HTML, XHTML, SMIL, MathML, etc. This validator is part of Unicorn, W3C’s unified validator service.
To use this validator for HTML, you need to use More Options and select Document Type as HTML (experimental) as shown below.
The Validator.nu (X)HTML Validator
Here is the another currently known HTML5 validators: Henri’s Validator.nu (X)HTML5 Validator (Highly Experimental) −
Modernizr is a small JavaScript Library that detects whether a particular feature of web technologies is available or not in the users browser. It provides an easy way to detect any new feature so that we can take corresponding action based on the browsers capabilities. For example, if a browser does not support a video feature then we can display a simple message regarding the same. We can also create CSS rules based on the feature availability and these rules would be applied automatically on the webpage if the browser does not support a new feature.
Before we start using Modernizr, we are required to include its javascript library in our HTML page header as follows −
Following is the simple syntax to handle supported and non supported features −
<!-- In your CSS: -->
.no-audio #music {
display: none; <!-- to not show Audio options -->
}
.audio #music button {
<!-- Style the Play and Pause buttons nicely -->
}
<!-- In your HTML: --><div id="music"><audio><source src="audio.ogg" /><source src="audio.mp3" /></audio><button id="play">Play</button><button id="pause">Pause</button></div>
Here it is notable that you need to prefix “no-” to every feature/property you want to handle for the browser which does not support them.
Following code snippet can be added to detect a particular feature through Javascript −
if (Modernizr.audio) {
<!-- properties for browsers that
support audio -->
}
else{
<!-- properties for browsers that
does not support audio -->
}
Features detected by Modernizr
Following is the list of features which can be detected by Modernizr −
A QR is an abbreviation, stands for Quick Response code which is a form of 2-D matrix barcode. If we take a closer look at a QR Code closely, we will clearly see that it consists of black squares on a white background. It can store various types of data including phone numbers, URLs of a website and any type of text up to 4000 characters.
The below QR Generator tool has been developed specifically for the readers of tutorialspoint. To use this simple tool, simply enter your URL or any characters in the text box and the QR code for that character will be automatically generated.
The HTML velocity draw is a tool used for creating and manipulating animations on a web page. It has some set of properties like opacity, size and position that control the animation.
In the below velocity draw tool, we can draw a variety of visual graphics by changing the position of cursor, opacity and density. To change the opacity and density, drag the circle in the left corner up or down.
