Home › html color code dan cara penggunaannya

kode warna html dan cara menggunakannya

Sunday, February 15, 2015 434 Comments Edit

Arti Kode warna html

pengertian warna web menurut wikipedia adalah warna-warna yang digunakan dalam perancangan sebuah websites , sedangkan (HTML)atau Hyper Text Markup Language adalah: sebuah bahasa markah pemrograman yang digunakan untuk membuat sebuah halaman web, menampilkan berbagai informasi di dalam sebuah penjelajah web Internet dan pemformatan hiperteks sederhana sumber:

wikipedia.org
jadi menurut neng, arti dari kode warna html adalah sebuah code (berupa angka atau huruf untuk menampilkan warna dalam sebuah blog atau website) Dalam bahasa inggris biasanya di sebut Html color code .Biasanya kode warna html ini di tulis dalam sebuah artikel dengan di dahului tanda(#), misalnya , #708090 atau dengan kata dalam bahasa inggris misalnya :

(grey) kode warna teks html untuk warna abu abu
(red) kode warna teks htm untuk warna merah
(white) kode warna teks html untuk warna putih dan lain lain
Setelah mengetahui arti dari kode warna html ,maka selanjutnya adalah mengetahui beberapa kode warna yang biasa di gunakan dalam sebuah blog atau websites

kode warna html yang biasa digunakan dalam sebuah website

Ada beberapa kode warna html yang biasa neng pergunakan
1.kode warna html 6 digit / RGB

contoh penulisan kode htmlnya adalah (#000000) untuk membuat warna html (hitam)
2.kode warna html 3 digit
contoh penulisan kode htmlnya adalah (#fff) untuk membuat warna html (putih)
3.kode warna dalam bahasa inggris
contoh penulisan di dalam kode htmlnya ( color = "blue" )
4.kode wana CMYK
95, 73, 0, 0 = untuk warna biru 5.Kode warna HSV
240, 100, 100 = untuk warma biru
Setelah menjelaskan contoh penulisan kode warna html Selanjutnya adalah.. Cara menggunakannya

kode warna html dan cara menggunakannya

Untuk menggunakan kode warna html di dalam postingan di bagi menjadi bebeberapa bagian
1.cara menggunakan kode html untuk mewarnai suatu kata atau kalimat,
sahabat webtool31,dapat menggunakan kode warna html online dibawah ini:
(menggunakan kode warna bahasa inggris) Contohnya
cara membuat tulisan ini berwarna merah dengan code warna html penulisan kode warna htmlnya menggunakan kode ini ==>
tulisan ini berwarna merah
dan untuk memudahkan dalam penulisan di blog sahabat, silahkan copy di texarea di bawah ini,
tulisan ini berwarna merah
2.menggunakan kode warna 6 digit
tulisan ini berwarna biru menggunakan kode warna blue
Memakai kode ini ==>
tulisan ini berwarna biru
Silahkam copy di textarea
tulisan ini berwarna biru
Perhatikan cara penulisan kedua kode warna diatas ^ penulisan kode warna html dalam bahasa inggris tidak menggunakan tanda(#)
3.contoh penggunaan kode warna dalam tag khusus
Contoh penggunaan kode warna color:red; pada tag b dalam html.
sahabat dapat menggunakan kode ini===>
Contoh penggunaan kode warna color:blue; pada tag b dalam html.
atau langsung copy paste di kolom textarea di bawah ini

4.Penggunaan kode warna html untuk mewarnai link
contohnya:
webtool31.blogspot com
Untuk dapat memberi warna pada sebuah link dengan kode html adalah dengan menggunakan kode berikut===>
<a href="http://webtool31.blogspot.com"/>webtool31.blogspot com</a>
atau sahabat webtool31 dapat juga langsung copy paste di textarea di bawah ini

membuat postingan dengan efek stabilo dengan kode warna html keren

seakan akan tulisan tersebut di coret dengan stabilo, sahabat webtool31 dapat melihatnya di sini,
Setelah mempelajari kode kode dasar dalam pembuatan kode warna html selanjutnya adalah yang agak sedikit rumit kalau sahabat sudah merasa pusing ada baiknya minum jamu dahuluu hehehe
Setelah seger baru melanjutkan pada
cara membuat efek stabilo pada postingan dengan kode warna html
kode htmlnya di bawah ini yaa

membuat textbox berwarna dengan kode html

AKU MENULIS DI TEXT BOX DENGAN KODE WARNA HTML

kode nya bisa di lihat di bawah:

Kemudian

Penulisan posting blog dalam sebuah text box dengan background warna
Pada tulisan ini tidak memakai garis pinggir atau pengaturan margin

TULISAN INI BERWARNA putih DENGAN BACKGROUND WARNA biru

Silahkan di copas bagi yang memerlukannya yaa
Selanjutnya:

penulisan berwarna dengan memakai garis tepi semakin tinggi nilai border :3px nya maka garis pinggirnya akan semakin tebal

Contohnya:

TULISAN INI BERWARNA PUTIH DENGAN BACKGROUND BERWARNA BIRU SERTA GARIS DENGAN KETEBALAN GARIS PINGGIR 3px

Kode htmlnya silahkan copas di textarea

Pada tulisan ini di tambahkan garis pinggir/dashed warna merah dengan ketebalan /padding 3px

TUlLISAN INI BERWARNA PUTIH DENGAN BACKGROUND BIRU garis pinggir/dashed merah NiLAI MARGIN 5px PADDING/ketebalan garis pinggir 3px LEBAR BACKGROUND MENGIKUTI BANYAKNYA TULISAN

Codenya.

Dengan memakai kode < center > maka tulisan akan berada di tengah

Codenya adalah :

TUlLISAN INI BERWARNA KUNING DENGAN BACKGROUND BIRU NiLAI border 3px MARGIN 5px PADDING 5 BACKGROUND DIATUR tulisan nya supaya berada di tengah

selanjutnya adalah variasi kode warna html di padukan dengan div style

menu

Dari contoh di atas berikut ini adalah code warna dengan variasi div stylenya

untuk membuat Beraneka ragam warna dalam penbuatan posting di blog atau websites,,sahabat sekalian dapat menggunakan kode warna html di bawah ini

menu

`000000`	`000020`	`000040`	`000060`	`000080`	`0000a0`	`0000c0`	`0000ff`
`002000`	`002020`	`002040`	`002060`	`002080`	`0020a0`	`0020c0`	`0020ff`
`004000`	`004020`	`004040`	`004060`	`004080`	`0040a0`	`0040c0`	`0040ff`
`006000`	`006020`	`006040`	`006060`	`006080`	`0060a0`	`0060c0`	`0060ff`
`008000`	`008020`	`008040`	`008060`	`008080`	`0080a0`	`0080c0`	`0080ff`
`00a000`	`00a020`	`00a040`	`00a060`	`00a080`	`00a0a0`	`00a0c0`	`00a0ff`
`00c000`	`00c020`	`00c040`	`00c060`	`00c080`	`00c0a0`	`00c0c0`	`00c0ff`
`00ff00`	`00ff20`	`00ff40`	`00ff60`	`00ff80`	`00ffa0`	`00ffc0`	`00ffff`

`200000`	`200020`	`200040`	`200060`	`200080`	`2000a0`	`2000c0`	`2000ff`
`202000`	`202020`	`202040`	`202060`	`202080`	`2020a0`	`2020c0`	`2020ff`
`204000`	`204020`	`204040`	`204060`	`204080`	`2040a0`	`2040c0`	`2040ff`
`206000`	`206020`	`206040`	`206060`	`206080`	`2060a0`	`2060c0`	`2060ff`
`208000`	`208020`	`208040`	`208060`	`208080`	`2080a0`	`2080c0`	`2080ff`
`20a000`	`20a020`	`20a040`	`20a060`	`20a080`	`20a0a0`	`20a0c0`	`20a0ff`
`20c000`	`20c020`	`20c040`	`20c060`	`20c080`	`20c0a0`	`20c0c0`	`20c0ff`
`20ff00`	`20ff20`	`20ff40`	`20ff60`	`20ff80`	`20ffa0`	`20ffc0`	`20ffff`

`400000`	`400020`	`400040`	`400060`	`400080`	`4000a0`	`4000c0`	`4000ff`
`402000`	`402020`	`402040`	`402060`	`402080`	`4020a0`	`4020c0`	`4020ff`
`404000`	`404020`	`404040`	`404060`	`404080`	`4040a0`	`4040c0`	`4040ff`
`406000`	`406020`	`406040`	`406060`	`406080`	`4060a0`	`4060c0`	`4060ff`
`408000`	`408020`	`408040`	`408060`	`408080`	`4080a0`	`4080c0`	`4080ff`
`40a000`	`40a020`	`40a040`	`40a060`	`40a080`	`40a0a0`	`40a0c0`	`40a0ff`
`40c000`	`40c020`	`40c040`	`40c060`	`40c080`	`40c0a0`	`40c0c0`	`40c0ff`
`40ff00`	`40ff20`	`40ff40`	`40ff60`	`40ff80`	`40ffa0`	`40ffc0`	`40ffff`

`600000`	`600020`	`600040`	`600060`	`600080`	`6000a0`	`6000c0`	`6000ff`
`602000`	`602020`	`602040`	`602060`	`602080`	`6020a0`	`6020c0`	`6020ff`
`604000`	`604020`	`604040`	`604060`	`604080`	`6040a0`	`6040c0`	`6040ff`
`606000`	`606020`	`606040`	`606060`	`606080`	`6060a0`	`6060c0`	`6060ff`
`608000`	`608020`	`608040`	`608060`	`608080`	`6080a0`	`6080c0`	`6080ff`
`60a000`	`60a020`	`60a040`	`60a060`	`60a080`	`60a0a0`	`60a0c0`	`60a0ff`
`60c000`	`60c020`	`60c040`	`60c060`	`60c080`	`60c0a0`	`60c0c0`	`60c0ff`
`60ff00`	`60ff20`	`60ff40`	`60ff60`	`60ff80`	`60ffa0`	`60ffc0`	`60ffff`

`800000`	`800020`	`800040`	`800060`	`800080`	`8000a0`	`8000c0`	`8000ff`
`802000`	`802020`	`802040`	`802060`	`802080`	`8020a0`	`8020c0`	`8020ff`
`804000`	`804020`	`804040`	`804060`	`804080`	`8040a0`	`8040c0`	`8040ff`
`806000`	`806020`	`806040`	`806060`	`806080`	`8060a0`	`8060c0`	`8060ff`
`808000`	`808020`	`808040`	`808060`	`808080`	`8080a0`	`8080c0`	`8080ff`
`80a000`	`80a020`	`80a040`	`80a060`	`80a080`	`80a0a0`	`80a0c0`	`80a0ff`
`80c000`	`80c020`	`80c040`	`80c060`	`80c080`	`80c0a0`	`80c0c0`	`80c0ff`
`80ff00`	`80ff20`	`80ff40`	`80ff60`	`80ff80`	`80ffa0`	`80ffc0`	`80ffff`

`a00000`	`a00020`	`a00040`	`a00060`	`a00080`	`a000a0`	`a000c0`	`a000ff`
`a02000`	`a02020`	`a02040`	`a02060`	`a02080`	`a020a0`	`a020c0`	`a020ff`
`a04000`	`a04020`	`a04040`	`a04060`	`a04080`	`a040a0`	`a040c0`	`a040ff`
`a06000`	`a06020`	`a06040`	`a06060`	`a06080`	`a060a0`	`a060c0`	`a060ff`
`a08000`	`a08020`	`a08040`	`a08060`	`a08080`	`a080a0`	`a080c0`	`a080ff`
`a0a000`	`a0a020`	`a0a040`	`a0a060`	`a0a080`	`a0a0a0`	`a0a0c0`	`a0a0ff`
`a0c000`	`a0c020`	`a0c040`	`a0c060`	`a0c080`	`a0c0a0`	`a0c0c0`	`a0c0ff`
`a0ff00`	`a0ff20`	`a0ff40`	`a0ff60`	`a0ff80`	`a0ffa0`	`a0ffc0`	`a0ffff`

`c00000`	`c00020`	`c00040`	`c00060`	`c00080`	`c000a0`	`c000c0`	`c000ff`
`c02000`	`c02020`	`c02040`	`c02060`	`c02080`	`c020a0`	`c020c0`	`c020ff`
`c04000`	`c04020`	`c04040`	`c04060`	`c04080`	`c040a0`	`c040c0`	`c040ff`
`c06000`	`c06020`	`c06040`	`c06060`	`c06080`	`c060a0`	`c060c0`	`c060ff`
`c08000`	`c08020`	`c08040`	`c08060`	`c08080`	`c080a0`	`c080c0`	`c080ff`
`c0a000`	`c0a020`	`c0a040`	`c0a060`	`c0a080`	`c0a0a0`	`c0a0c0`	`c0a0ff`
`c0c000`	`c0c020`	`c0c040`	`c0c060`	`c0c080`	`c0c0a0`	`c0c0c0`	`c0c0ff`
`c0ff00`	`c0ff20`	`c0ff40`	`c0ff60`	`c0ff80`	`c0ffa0`	`c0ffc0`	`c0ffff`

`ff0000`	`ff0020`	`ff0040`	`ff0060`	`ff0080`	`ff00a0`	`ff00c0`	`ff00ff`
`ff2000`	`ff2020`	`ff2040`	`ff2060`	`ff2080`	`ff20a0`	`ff20c0`	`ff20ff`
`ff4000`	`ff4020`	`ff4040`	`ff4060`	`ff4080`	`ff40a0`	`ff40c0`	`ff40ff`
`ff6000`	`ff6020`	`ff6040`	`ff6060`	`ff6080`	`ff60a0`	`ff60c0`	`ff60ff`
`ff8000`	`ff8020`	`ff8040`	`ff8060`	`ff8080`	`ff80a0`	`ff80c0`	`ff80ff`
`ffa000`	`ffa020`	`ffa040`	`ffa060`	`ffa080`	`ffa0a0`	`ffa0c0`	`ffa0ff`
`ffc000`	`ffc020`	`ffc040`	`ffc060`	`ffc080`	`ffc0a0`	`ffc0c0`	`ffc0ff`
`ffff00`	`ffff20`	`ffff40`	`ffff60`	`ffff80`	`ffffa0`	`ffffc0`	`ffffff`

webtool

Penutup

Semoga saja sahabat neng dapat menggunakan kode warna html ini.. Tentu saja bagi hanya bagi yang memerlukannya ...
Terima kasih dan kalau sahabat tidak keberatan. Silahkan tekan tombol share fbnya yaaa

434 Responses to "kode warna html dan cara menggunakannya"

«Oldest ‹Older 401 – 434 of 434

Anonymous said...: Some really nice and useful info on this web site, besides I
believe the design and style has got excellent features.; 23 July 2019 at 03:52
Anonymous said...: Hi there! I know this is kinda off topic but I was wondering
which blog platform are you using for this website? I'm getting fed up of Wordpress because I've
had problems with hackers and I'm looking at options for another platform.
I would be great if you could point me in the direction of a good platform.; 24 July 2019 at 14:13
Anonymous said...: Great delivery. Sound arguments. Keep up the amazing effort.; 25 July 2019 at 05:44
Anonymous said...: Hey there, You've done a fantastic job.
I'll certainly digg it and individually recommend to my friends.
I'm sure they will be benefited from this web site.; 9 August 2019 at 06:11
Anonymous said...: It's remarkable to pay a quick visit this web page and reading the
views of all mates about this article, while I am also eager of getting know-how.; 12 August 2019 at 08:37
Anonymous said...: Great blog! Is your theme custom made or did you download itt
from somewhere? A them like yours with a few simple adjustemengs would really
mzke my blog shine. Please let me know where you got your design. Cheers; 12 August 2019 at 15:20
Anonymous said...: Hi there! I could have sworn I've been to this web site
before but after browsing through many of the articles I realized it's new to me.
Regardless, I'm definitely pleased I discovered it and
I'll be book-marking it and checking back frequently!; 14 August 2019 at 12:27
Anonymous said...: Awesome! Its really amazing article, I have got
much clear idea regarding from this piece of writing.; 16 August 2019 at 11:19
Anonymous said...: Using cigarette smoking causing more than twenty percent of the deaths
in this land, there has to be a better solution than patches and
pills to help you quite. Rather than a solution that gives
more chemicals to your human body, we need a solution that minimizes harmful chemicals while
reducing the craving for tobacco.

Juicing appears to be the best alternative.
With a daily regimen associated with fresh juices (fruits in addition to vegetables), you can easily remove the toxins stored in the
body due to using tobacco and poor diets when making
the body healthier. Removing these toxins (especially by cigarette smoke)
will lower craving for cigarettes in a natural
way.

It is recommended you include in your daily juicing program the following:
at least five refreshing glasses of juice (fruits as well as
vegetables); in addition , drink a glass of juice each time you crave the cigarette (instead of cigarettes the cigarette).

Celery, cucumber, apple, carrot, orange, grapefruit, rhubarbs, and green leafy vegetables.

Always have your juicer and produce ready so you can react
to a cigarette craving by quickly juicing. In the
beginning it's understandable if you have some sort of cigarette or two; just aim to substitute a glass
of fresh liquid in place of the cigarette as often as you can. It will take some time to help
overcome the habit; but the juices will work more effectively than any other
solution. You should find that your own personal craving for cigarettes will probably diminish dramatically after
the first week or two.; 21 August 2019 at 04:32
Anonymous said...: First of all I want to say excellent blog! I had a quick question which I'd like to ask
if you do not mind. I was interested to find out how you center yourself and
clear your thoughts prior to writing. I've had a difficult time
clearing my mind in getting my ideas out. I do enjoy writing however
it just seems like the first 10 to 15 minutes are generally wasted just trying to figure out how to begin.
Any suggestions or tips? Kudos!; 22 August 2019 at 06:55
Anonymous said...: I was wondering if you ever thought of changing the page layout of your blog?

Its very well written; I love what youve got
to say. But maybe you could a little more in the way of content so people could
connect with it better. Youve got an awful lot of text for only having one or two
pictures. Maybe you could space it out better?; 24 August 2019 at 09:49
Anonymous said...: I blog frequently and I seriously appreciate your information.
This great article has really peaked my interest. I will book mark your site and keep checking for new details about once per week.
I opted in for your Feed too.; 24 August 2019 at 14:00
Anonymous said...: I enjoy reading a post that will make men and women think.

Also, many thanks for allowing me to comment!; 24 August 2019 at 21:41
Anonymous said...: With cigarette smoking causing more than even just the teens of
the deaths in this state, there has to be a
better solution than sections and pills to help you
quite. Rather than a solution that brings more chemicals to
your body, we need a solution that minimizes harmful chemicals while lowering the craving for cigarettes.

Juicing appears to be the best remedy. With a daily regimen associated with
fresh juices (fruits as well as vegetables), you can easily
remove the toxic compounds stored in the body due to
smoking cigarettes and poor diets while making the body healthier.
Removing these toxins (especially coming from cigarette smoke) will lower your craving for cigarettes in a very natural way.

It is recommended that you include in your daily juicing regimen the following:
at least five fresh glasses of juice (fruits in addition to vegetables); in addition , drink some juice
each time you crave the cigarette (instead of using tobacco the cigarette).
Celery, cucumber, apple, carrot, orange, grapefruit, rhubarbs, and green leafy vegetables.

Always have your juicer and produce ready in order to react to a cigarette
craving by quickly juicing. Initially it's understandable if you have a cigarette or two; just try to substitute a glass of fresh juice in place of the cigarette normally as you
can. It will take some time to overcome the habit; but the drink will work more effectively than some other solution. You should find that your craving for cigarettes
may diminish dramatically after the first week or two.; 25 August 2019 at 20:07
Anonymous said...: Can I simply say what a comfort to find someone who actually knows what they're
talking about on the web. You certainly understand how to bring an issue to light and make
it important. More and more people should check this out and understand this side of the story.

I was surprised that you aren't more popular
because you most certainly have the gift.; 28 August 2019 at 02:01
Anonymous said...: I feel that is among the so much important information for me.

And i am happy studying your article. However should remark on some
normal things, The site style is ideal, the articles is in reality nice : D.
Good process, cheers; 3 September 2019 at 03:42
Anonymous said...: Hey! I just wanted to ask if you ever have
any trouble with hackers? My last blog (wordpress) was hacked and I ended up losing months of hard
work due to no backup. Do you have any solutions to stop hackers?; 5 September 2019 at 03:55
LOVELYZ TRILOGY said...: ok min
Spam Detected! Link aktif otomatis terhapus!!!; 6 September 2019 at 10:51
Anonymous said...: Every weekend i used to visit this website, for the reason that i wish for enjoyment, for the reason that this this web
page conations in fact fastidious funny stuff
too.; 26 September 2019 at 12:34
Anonymous said...: I know this if off topic but I'm looking into starting my own weblog and was wondering what all
is needed to get set up? I'm assuming having a blog like yours would cost a pretty penny?

I'm not very internet smart so I'm not 100% sure. Any suggestions
or advice would be greatly appreciated. Many thanks; 4 October 2019 at 20:05
Anonymous said...: Wow! In the end I got a webpage from where I be able to actually get
valuable data concerning my study and knowledge.; 8 October 2019 at 11:45
https://www.dashboard.abdi.app/#/member-dashboard said...: Good...👍👍👍; 18 November 2019 at 05:02
Anonymous said...: certainly like your web site but you have to test the
spelling on quite a few of your posts. A number of them are rife with spelling problems and I find it very bothersome to tell the reality then again I'll definitely come
again again.; 23 November 2019 at 07:03
Anonymous said...: That is a really good tip especially to those new to the blogosphere.
Short but very accurate information… Many thanks for sharing this one.
A must read article!; 23 November 2019 at 07:09
Anonymous said...: I think the admin of this web page is in fact working hard for his web page,
for the reason that here every information is quality based data.; 25 November 2019 at 22:28
Anonymous said...: Heya i am for the first time here. I came across this board and I find It really useful & it helped me out much.
I hope to give something back and help others like you helped
me.; 28 November 2019 at 05:13
Anonymous said...: Hey There. I discovered your weblog the use of msn. That is an extremely well written article.
I'll be sure to bookmark it and return to learn more of your useful info.
Thank you for the post. I'll definitely return.; 28 November 2019 at 19:16
Anonymous said...: I know this web page presents quality depending content
and other stuff, is there any other web page which offers
such data in quality?; 28 November 2019 at 23:35
Anonymous said...: Hello, i read your blog occasionally and i own a similar one and i
was just curious if you get a lot of spam comments? If so
how do you stop it, any plugin or anything you can recommend?
I get so much lately it's driving me mad so any assistance is
very much appreciated.; 29 November 2019 at 00:49
Anonymous said...: This post presents clear idea in support of the new viewers of
blogging, that truly how to do blogging and site-building.; 29 November 2019 at 02:53
Anonymous said...: I'd like to find out more? I'd like to find out some additional information.; 29 November 2019 at 20:04
Anonymous said...: Pretty section of content. I just stumbled upon your blog and in accession capital to assert that I get actually
enjoyed account your blog posts. Any way I will be subscribing to your augment and even I achievement you access consistently fast.; 30 November 2019 at 02:51
Anonymous said...: Hey there! I know this is kinda off topic nevertheless I'd figured I'd
ask. Would you be interested in trading links or maybe guest authoring a blog post or vice-versa?
My website discusses a lot of the same topics as yours and I think we could greatly benefit from each other.
If you happen to be interested feel free to send me an email.
I look forward to hearing from you! Excellent blog by the way!; 1 December 2019 at 21:52
Anonymous said...: My brother recommended I might like this web site. He was totally right.
This post truly made my day. You cann't imagine simply how much time I had
spent for this information! Thanks!; 3 December 2019 at 08:02