Resistor Color Code

Demonstration function calc() { var ans = parseInt(document.getElementById(‘txt1’).value); if( ans >= 1000000000 ) { ans = ans +””; var result = ans.substring(0,4); document.getElementById(‘txt1’).value = result+”M”; } else if( ans >= 100000000 ) { ans = ans +””; var result = ans.substring(0,3); document.getElementById(‘txt1’).value = result+”M”; } else if( ans >= 10000000 ) { ans = ans…

by

Pir Arkam

September 20, 2018

5 minutes

Read Time

Demonstration

“; document.getElementById(‘arrow2’).innerHTML = “

“; document.getElementById(‘arrow3’).innerHTML = “

“; document.getElementById(‘arrow4’).innerHTML = “

“; document.getElementById(‘black’).innerHTML = ‘

Black’; document.getElementById(‘orange’).innerHTML = ‘

Orange’; document.getElementById(‘yellow’).innerHTML = ‘

Yellow’; document.getElementById(‘white’).innerHTML = ‘

White’; document.getElementById(‘gold’).innerHTML = ‘

N/A’; document.getElementById(‘silver’).innerHTML = ‘

N/A’; } else if(color == 2) { color = 3; document.getElementById(‘arrow1’).innerHTML = “

“; document.getElementById(‘arrow2’).innerHTML = “

“; document.getElementById(‘arrow3’).innerHTML = “

“; document.getElementById(‘arrow4’).innerHTML = “

“; document.getElementById(‘black’).innerHTML = ‘

Black’; document.getElementById(‘orange’).innerHTML = ‘

Orange’; document.getElementById(‘yellow’).innerHTML = ‘

Yellow’; document.getElementById(‘white’).innerHTML = ‘

White’; document.getElementById(‘gold’).innerHTML = ‘

Gold’; document.getElementById(‘silver’).innerHTML = ‘

Silver’; } else if(color == 3) { color=4; document.getElementById(‘arrow1’).innerHTML = “

“; document.getElementById(‘arrow2’).innerHTML = “

“; document.getElementById(‘arrow3’).innerHTML = “

“; document.getElementById(‘arrow4’).innerHTML = “

“; document.getElementById(‘black’).innerHTML = ‘

N/A’; document.getElementById(‘orange’).innerHTML = ‘

N/A’; document.getElementById(‘yellow’).innerHTML = ‘

N/A’; document.getElementById(‘white’).innerHTML = ‘

N/A’; document.getElementById(‘gold’).innerHTML = ‘

Gold’; document.getElementById(‘silver’).innerHTML = ‘

Silver’; } else if(color == 4) { color=1; document.getElementById(‘arrow1’).innerHTML = “

“; document.getElementById(‘arrow2’).innerHTML = “

“; document.getElementById(‘arrow3’).innerHTML = “

“; document.getElementById(‘arrow4’).innerHTML = “

“; document.getElementById(‘black’).innerHTML = ‘

Black’; document.getElementById(‘orange’).innerHTML = ‘

Orange’; document.getElementById(‘yellow’).innerHTML = ‘

Yellow’; document.getElementById(‘white’).innerHTML = ‘

White’; document.getElementById(‘gold’).innerHTML = ‘

N/A’; document.getElementById(‘silver’).innerHTML = ‘

N/A’; } } function img1(){ color = 1; document.getElementById(‘arrow1’).innerHTML = “

“; document.getElementById(‘arrow2’).innerHTML = “

“; document.getElementById(‘arrow3’).innerHTML = “

“; document.getElementById(‘arrow4’).innerHTML = “

“; document.getElementById(‘black’).innerHTML = ‘

Black’; document.getElementById(‘black’).innerHTML = ‘

Black’; document.getElementById(‘orange’).innerHTML = ‘

Orange’; document.getElementById(‘yellow’).innerHTML = ‘

Yellow’; document.getElementById(‘white’).innerHTML = ‘

White’; document.getElementById(‘gold’).innerHTML = ‘

N/A’; document.getElementById(‘silver’).innerHTML = ‘

N/A’; } function img2(){ color = 2; document.getElementById(‘arrow2’).innerHTML = “

“; document.getElementById(‘arrow1’).innerHTML = “

“; document.getElementById(‘arrow3’).innerHTML = “

“; document.getElementById(‘arrow4’).innerHTML = “

“; document.getElementById(‘black’).innerHTML = ‘

Black’; document.getElementById(‘orange’).innerHTML = ‘

Orange’; document.getElementById(‘yellow’).innerHTML = ‘

Yellow’; document.getElementById(‘white’).innerHTML = ‘

White’; document.getElementById(‘gold’).innerHTML = ‘

N/A’; document.getElementById(‘silver’).innerHTML = ‘

N/A’; } function img3(){ color = 3; document.getElementById(‘arrow3’).innerHTML = “

“; document.getElementById(‘arrow1’).innerHTML = “

“; document.getElementById(‘arrow2’).innerHTML = “

“; document.getElementById(‘arrow4’).innerHTML = “

“; document.getElementById(‘black’).innerHTML = ‘

Black’; document.getElementById(‘orange’).innerHTML = ‘

Orange’; document.getElementById(‘yellow’).innerHTML = ‘

Yellow’; document.getElementById(‘white’).innerHTML = ‘

White’; document.getElementById(‘gold’).innerHTML = ‘

Gold’; document.getElementById(‘silver’).innerHTML = ‘

Silver’; } function img4(){ color = 4; document.getElementById(‘arrow4’).innerHTML = “

“; document.getElementById(‘arrow1’).innerHTML = “

“; document.getElementById(‘arrow2’).innerHTML = “

“; document.getElementById(‘arrow3’).innerHTML = “

“; document.getElementById(‘black’).innerHTML = ‘

N/A’; document.getElementById(‘orange’).innerHTML = ‘

N/A’; document.getElementById(‘yellow’).innerHTML = ‘

N/A’; document.getElementById(‘white’).innerHTML = ‘

N/A’; document.getElementById(‘gold’).innerHTML = ‘

Gold’; document.getElementById(‘silver’).innerHTML = ‘

Silver’; } function btnBlack(){ if(color==1) { a = “0”; document.getElementById(‘txt1’).value = a+b; document.getElementById(‘img1’).innerHTML = “

“; if(chk==true){ boolean1(); } } else if(color==2) { b = “0”; document.getElementById(‘txt1’).value = a+b; document.getElementById(‘img2’).innerHTML = “

“; if(chk==true){ boolean1(); } } else if(color==3) { c = 1; var ans = parseInt(document.getElementById(‘txt1’).value); document.getElementById(‘txt1’).value = ans*c; calc(); document.getElementById(‘img3’).innerHTML = “

“; if(chk==true){ boolean1(); } } } function btnBrown(){ if(color==1) { a = “1”; document.getElementById(‘txt1’).value = a+b; document.getElementById(‘img1’).innerHTML = “

“; if(chk==true){ boolean1(); } } else if(color==2) { b = “1”; document.getElementById(‘txt1’).value = a+b; document.getElementById(‘img2’).innerHTML = “

“; if(chk==true){ boolean1(); } } else if(color==3) { c = 10; var ans = parseInt(document.getElementById(‘txt1’).value); document.getElementById(‘txt1’).value = ans*c; calc(); document.getElementById(‘img3’).innerHTML = “

“; if(chk==true){ boolean1(); } } else if(color==4) { document.getElementById(‘img4’).innerHTML = “

“; document.getElementById(‘txt2’).value = “1”; if(chk==true){ boolean1(); } } } function btnRed(){ if(color==1) { a = “2”; document.getElementById(‘txt1’).value = a+b; document.getElementById(‘img1’).innerHTML = “

“; if(chk==true){ boolean1(); } } else if(color==2) { b = “2”; document.getElementById(‘txt1’).value = a+b; document.getElementById(‘img2’).innerHTML = “

“; if(chk==true){ boolean1(); } } else if(color==3) { c = 100; var ans = parseInt(document.getElementById(‘txt1’).value); document.getElementById(‘txt1’).value = ans*c; calc(); document.getElementById(‘img3’).innerHTML = “

“; if(chk==true){ boolean1(); } } else if(color==4) { document.getElementById(‘img4’).innerHTML = “

“; document.getElementById(‘txt2’).value = “2”; if(chk==true){ boolean1(); } } } function btnOrange(){ if(color==1) { a = “3”; document.getElementById(‘txt1’).value = a+b; document.getElementById(‘img1’).innerHTML = “

“; if(chk==true){ boolean1(); } } else if(color==2) { b = “3”; document.getElementById(‘txt1’).value = a+b; document.getElementById(‘img2’).innerHTML = “

“; if(chk==true){ boolean1(); } } else if(color==3) { c = 1000; var ans = parseInt(document.getElementById(‘txt1’).value); document.getElementById(‘txt1’).value = ans*c; calc(); document.getElementById(‘img3’).innerHTML = “

“; if(chk==true){ boolean1(); } } } function btnYellow(){ if(color==1) { a = “4”; document.getElementById(‘txt1’).value = a+b; document.getElementById(‘img1’).innerHTML = “

“; if(chk==true){ boolean1(); } } else if(color==2) { b = “4”; document.getElementById(‘txt1’).value = a+b; document.getElementById(‘img2’).innerHTML = “

“; if(chk==true){ boolean1(); } } else if(color==3) { c = 10000; var ans = parseInt(document.getElementById(‘txt1’).value); document.getElementById(‘txt1’).value = ans*c; calc(); document.getElementById(‘img3’).innerHTML = “

“; if(chk==true){ boolean1(); } } } function btnGreen(){ if(color==1) { a = “5”; document.getElementById(‘txt1’).value = a+b; document.getElementById(‘img1’).innerHTML = “

“; if(chk==true){ boolean1(); } } else if(color==2) { b = “5”; document.getElementById(‘txt1’).value = a+b; document.getElementById(‘img2’).innerHTML = “

“; if(chk==true){ boolean1(); } } else if(color==3) { c = 100000; var ans = parseInt(document.getElementById(‘txt1’).value); document.getElementById(‘txt1’).value = ans*c; calc(); document.getElementById(‘img3’).innerHTML = “

“; if(chk==true){ boolean1(); } } else if(color==4) { document.getElementById(‘img4’).innerHTML = “

“; document.getElementById(‘txt2’).value = “0.5”; if(chk==true){ boolean1(); } } } function btnBlue(){ if(color==1) { a = “6”; document.getElementById(‘txt1’).value = a+b; document.getElementById(‘img1’).innerHTML = “

“; if(chk==true){ boolean1(); } } else if(color==2) { b = “6”; document.getElementById(‘txt1’).value = a+b; document.getElementById(‘img2’).innerHTML = “

“; if(chk==true){ boolean1(); } } else if(color==3) { c = 1000000; var ans = parseInt(document.getElementById(‘txt1’).value); document.getElementById(‘txt1’).value = ans*c; calc(); document.getElementById(‘img3’).innerHTML = “

“; if(chk==true){ boolean1(); } } else if(color==4) { document.getElementById(‘img4’).innerHTML = “

“; document.getElementById(‘txt2’).value = “0.25”; if(chk==true){ boolean1(); } } } function btnViolet(){ if(color==1) { a = “7”; document.getElementById(‘txt1’).value = a+b; document.getElementById(‘img1’).innerHTML = “

“; if(chk==true){ boolean1(); } } else if(color==2) { b = “7”; document.getElementById(‘txt1’).value = a+b; document.getElementById(‘img2’).innerHTML = “

“; if(chk==true){ boolean1(); } } else if(color==3) { c = 10000000; var ans = parseInt(document.getElementById(‘txt1’).value); document.getElementById(‘txt1’).value = ans*c; calc(); document.getElementById(‘img3’).innerHTML = “

“; if(chk==true){ boolean1(); } } else if(color==4) { document.getElementById(‘img4’).innerHTML = “

“; document.getElementById(‘txt2’).value = “1”; if(chk==true){ boolean1(); } } } function btnGrey(){ if(color==1) { a = “8”; document.getElementById(‘txt1’).value = a+b; document.getElementById(‘img1’).innerHTML = “

“; if(chk==true){ boolean1(); } } else if(color==2) { b = “8”; document.getElementById(‘txt1’).value = a+b; document.getElementById(‘img2’).innerHTML = “

“; if(chk==true){ boolean1(); } } else if(color==3) { c = 100000000; var ans = parseInt(document.getElementById(‘txt1’).value); document.getElementById(‘txt1’).value = ans*c; calc(); document.getElementById(‘img3’).innerHTML = “

“; if(chk==true){ boolean1(); } } else if(color==4) { document.getElementById(‘img4’).innerHTML = “

“; document.getElementById(‘txt2’).value = “0.05”; if(chk==true){ boolean1(); } } } function btnWhite(){ if(color==1) { a = “9”; document.getElementById(‘txt1’).value = a+b; document.getElementById(‘img1’).innerHTML = “

“; if(chk==true){ boolean1(); } } else if(color==2) { b = “9”; document.getElementById(‘txt1’).value = a+b; document.getElementById(‘img2’).innerHTML = “

“; if(chk==true){ boolean1(); } } else if(color==3) { c = 1000000000; var ans = parseInt(document.getElementById(‘txt1’).value); document.getElementById(‘txt1’).value = ans*c; calc(); document.getElementById(‘img3’).innerHTML = “

“; if(chk==true){ boolean1(); } } } function btnGold(){ if(color==3) { c = 0.1; var ans = parseInt(document.getElementById(‘txt1’).value); document.getElementById(‘txt1’).value = ans*c; calc(); document.getElementById(‘img3’).innerHTML = “

“; if(chk==true){ boolean1(); } } else if(color==4) { document.getElementById(‘txt2’).value = 5; document.getElementById(‘img4’).innerHTML = “

“; if(chk==true){ boolean1(); } } } function btnSilver(){ if(color==3) { c = 0.01; var ans = parseInt(document.getElementById(‘txt1’).value); document.getElementById(‘txt1’).value = ans*c; calc(); document.getElementById(‘img3’).innerHTML = “

“; if(chk==true){ boolean1(); } } else if(color==4) { document.getElementById(‘txt2’).value = 10; document.getElementById(‘img4’).innerHTML = “

“; if(chk==true){ boolean1(); } } }

Resistor Color Code Web Application

A Resistor Color codeiscolor bands to indicate the value of resistance of a resistor. Color code is used commonly for resistors but also for other components like capacitors, inductors etc. The reason to use this Color bands is because it can be easily printed on these tiny components. Well there is drawback that a Color-Blind person cannot read the resistance.

To be honest, When I studied basic electronics course in my 2nd year of engineering. I did not learn it, because it looked to me very complicated and not interesting. So actually now I found that its not complicated at All!!! It is as simple as reading a number value! The only thing is we have to memorize the special color-codes as shown in this 4-Band Color code chart. I have tried to make simple(ROOKIE) chart, because over google you will find lots of complex charts of 5-band resistor codes and all that. To make it clear I havent added the tolerence.

How to Read the Resistor Value ?

To distinguish a resistor from left to right, You will see a gap between 3rd band and 4th band !

1st Band: This band is simply the most significant digit of the value. For instance, value is, Say 470ohms. So the 1st band will be Yellow since the 4th digit is assigned to yellow in the chart

2nd Band: Similarly, 2nd band is second most significant digit. In 470ohms the second band would be Violet… As in the chart

3rd Band: This band is multiplier, that means the both digits will be considered as one number Yellow – Violet(47) and will be multiplied to what so ever Color band. In case of 470ohm it should be 47*10=470 so the 10 is the value of Brown as multiplier. If the value is 47Kohms then the 3rd band is supposed to be Orange (e.g 47*1000 =47000) so the 1000 is the number assigned to orange multiplier

4th Band: It indicates not the resistance of the resistor but tolerance! Its value is in percent

Gold means +- 5%

Silver means +-10%

If this band is not present it means +-20%

About the Author

Pir Arkam

Greetings, Iam a student of Bahçeşehir University, Istanbul pursuing M.Sc Mechatronics Engineering. Since my 1st year of bachelors I was always fond of making Projects of Electronics and Robotics Engineering. Idea of making this website came from the hardships which I myself faced whenever I wanted to make any electronics project.I was a rookie inexperienced student in my class who had a thrift to make electronics projects, but over internet it was so much difficult to teach myself. I spent hours in the labs to learn and make circuits on breadboard and when I mastered it, I thought to share all of the projects which I made during my bachelors of engineering with the hobbyists/students out there who are facing same difficulties like I faced. So if you’re rookie to this field, new to the world of Electronics and you don’t know where to start then Rookie Electronics is the right place. Here you will be able to learn Electronics practical knowledge starting from a very low level & slowly you’ll become master at it. I hope you find my work helpful. Good luck!

August 31, 2026