Tricks To Get HTML & CSS Color Code Appropriately
The most important programming language in designing and managing the layout of website pages, blogs or sites is the CSS (Cascade style sheet) which is collaborated with HTML, HTML code serves as a cover that form the framework of the site pages, while the CSS code serves to set the layout and designing the site pages, by manipulating the HTML tags that are used so that in accordance with the desired layout and design be it the color and design of the shape.
When interacting with CSS and HTML codes we will inevitably interact with color, to give coloring in CSS code or HTML can use name in English (like: red, green, blue, ciyan etc), or can also use 3 or 6 hexa decimal digits preceded by # sign (like: #fff, #bebebe, etc), if using english then the color obtained only the basic colors, while if using hexadecimal code then any color can we get.
It seems to use basic colors very easy to live determine the basic colors that we want to use but in English, but for certain colors created from a combination of several colors must use hexadecimal code so that the color obtained is the right color in accordance with the desired.
a. Please open the page of the site that you think good color design and you want an example, for example I will get the color code that I use on the site structurkode.blogspot.com. then first I will open the site
b. If the page of the site is fully open, right click on the page of the site, then select "Inspect Element" menu, you will see the browser view as shown below:
c. How to Use it, please click on the button I have marked with no 1, as shown above.
d. Then click on the page element of the site you want to get the color code, see the picture marked with no 2 above, I want to get the color on the words "Facebook Tarengames" then I will highlight the text. the CSS command code of the selected element will be displayed in the lower right corner which I marked with no 3, see picture above.
e. In the bottom right box, which displays the css code of the selected element, you search and scroll down, to find the color loop marks as in the picture above marked with no 3.
f. If the color you want is exactly like that you just copy and paste the color code and you use it in your blog template, but if you want the combination color or other colors, please you click on the image round the color, like no 3 picture above, please you click on the color circle, it will display the color options panel like the following picture:
g. To get the color you want you just click on the color panel available, the color code will be displayed next to the color circle you ready to copy paste, but if you want other colors available on the site you want to the example, please use the pipette color, click on the Eyedropper button as shown in the picture above indicated by the direction of the red arrow, if successful it will display a tool like a magnifying glass to select the color, please you highlight the elements in the page of the relevant site you want to get the color code.
The second alternative to get css and html color codes is by using the tool contained in photoshop software, this way I think is the most effective way to get hxml and css color codes exactly, but of course the photosp software must already be installed on your computer , if you have installed photoshop on your computer, the steps to get hexadecimal color code in photoshop are as follows:
a. Open your photoshop program
b. In the tool on the left, Click the "set foreground color", it will display the color panel as shown in the picture below:
c. To get the color you click on the color panel available, the color code of the color you choose will be displayed and you can copy it, do not forget to start the code with the # sign when it will be used.
So this a simple article about Tricks Obtaining HTML Codes and CSS Code properly, may be useful.
When interacting with CSS and HTML codes we will inevitably interact with color, to give coloring in CSS code or HTML can use name in English (like: red, green, blue, ciyan etc), or can also use 3 or 6 hexa decimal digits preceded by # sign (like: #fff, #bebebe, etc), if using english then the color obtained only the basic colors, while if using hexadecimal code then any color can we get.
It seems to use basic colors very easy to live determine the basic colors that we want to use but in English, but for certain colors created from a combination of several colors must use hexadecimal code so that the color obtained is the right color in accordance with the desired.
Tricks to Obtain HTML and CSS Color Codes appropriately
The colors available on computer technology today is very much at all and can not we memorized one by one, the more sophisticated computer graphics then the color combination will be more diverse even can amount to hundreds of millions of colors that may not be memorized, when designing the site pages, sometimes we need some coloring that must match the desired color, there are many ways to get the color according to the desire, including is as follows:1. Using the Mozila Firefox Browser Element Inspection Tool
Mozilla browser from year to year is made more sophisticated especially now is equipped with tools to get the desired color of a particular site page, the goal of course to facilitate the web developers to more easily perform tests and color testing for web pages that are being made, the tool we can use to determine also to get the desired color, but to use this tool you must have a sample page view of the site you want to get the coloring code from the pages of the site, the steps are as follows:a. Please open the page of the site that you think good color design and you want an example, for example I will get the color code that I use on the site structurkode.blogspot.com. then first I will open the site
b. If the page of the site is fully open, right click on the page of the site, then select "Inspect Element" menu, you will see the browser view as shown below:
c. How to Use it, please click on the button I have marked with no 1, as shown above.
d. Then click on the page element of the site you want to get the color code, see the picture marked with no 2 above, I want to get the color on the words "Facebook Tarengames" then I will highlight the text. the CSS command code of the selected element will be displayed in the lower right corner which I marked with no 3, see picture above.
e. In the bottom right box, which displays the css code of the selected element, you search and scroll down, to find the color loop marks as in the picture above marked with no 3.
f. If the color you want is exactly like that you just copy and paste the color code and you use it in your blog template, but if you want the combination color or other colors, please you click on the image round the color, like no 3 picture above, please you click on the color circle, it will display the color options panel like the following picture:
g. To get the color you want you just click on the color panel available, the color code will be displayed next to the color circle you ready to copy paste, but if you want other colors available on the site you want to the example, please use the pipette color, click on the Eyedropper button as shown in the picture above indicated by the direction of the red arrow, if successful it will display a tool like a magnifying glass to select the color, please you highlight the elements in the page of the relevant site you want to get the color code.
2. Using Photoshop Software Tool
The second alternative to get css and html color codes is by using the tool contained in photoshop software, this way I think is the most effective way to get hxml and css color codes exactly, but of course the photosp software must already be installed on your computer , if you have installed photoshop on your computer, the steps to get hexadecimal color code in photoshop are as follows:a. Open your photoshop program
b. In the tool on the left, Click the "set foreground color", it will display the color panel as shown in the picture below:
c. To get the color you click on the color panel available, the color code of the color you choose will be displayed and you can copy it, do not forget to start the code with the # sign when it will be used.
So this a simple article about Tricks Obtaining HTML Codes and CSS Code properly, may be useful.
No comments