Kumpulan Kode Html Warna Dan Nama Warna

Dalam design website atau sekedar utak-utik CSS-nya kode-kode warna dalam Html sangat diperlukan. Sering juga dalam membuat posting kode warna ini kita gunakan untuk mewarnai huruf. Dalam penerapannya kita bisa memasukkan kodenya dengan 2 cara, yaitu:

  • Memakai Hexadecimal:  tanda # diikuti 6 angka/huruf kodenya,. contoh: #ff000 ==> 0 = adalah angka (nol) bukan huruf O
  • Memakai nama warnanya ==> Red, Blue dll
  • Contoh penggunaan kode Html warna dalam posting baca: Kode Html Font Huruf Postingan WordPress

    Mohon Gunakan Kode Hexadecimalnya saja.
    Nama Warna hanya sebagian yang berfungsi.

    Berikut Tabel Kode Html Warna Beserta Warnanya:

    COLOR NAME CODE COLOR
    Black #000000 Black
    Gray0 #150517 Gray0
    Gray18 #250517 Gray18
    Gray21 #2B1B17 Gray21
    Gray23 #302217 Gray23
    Gray24 #302226 Gray24
    Gray25 #342826 Gray25
    Gray26 #34282C Gray26
    Gray27 #382D2C Gray27
    Gray28 #3b3131 Gray28
    Gray29 #3E3535 Gray29
    Gray30 #413839 Gray30
    Gray31 #41383C Gray31
    Gray32 #463E3F Gray32
    Gray34 #4A4344 Gray34
    Gray35 #4C4646 Gray35
    Gray36 #4E4848 Gray36
    Gray37 #504A4B Gray37
    Gray38 #544E4F Gray38
    Gray39 #565051 Gray39
    Gray40 #595454 Gray40
    Gray41 #5C5858 Gray41
    Gray42 #5F5A59 Gray42
    Gray43 #625D5D Gray43
    Gray44 #646060 Gray44
    Gray45 #666362 Gray45
    Gray46 #696565 Gray46
    Gray47 #6D6968 Gray47
    Gray48 #6E6A6B Gray48
    Gray49 #726E6D Gray49
    Gray50 #747170 Gray50
    Gray #736F6E Gray
    Slate Gray4 #616D7E Slate Gray4
    Slate Gray #657383 Slate Gray
    Light Steel Blue4 #646D7E Light Steel Blue4
    Light Slate Gray #6D7B8D Light Slate Gray
    Cadet Blue4 #4C787E Cadet Blue4
    Dark Slate Gray4 #4C7D7E Dark Slate Gray4
    Thistle4 #806D7E Thistle4
    Medium Slate Blue #5E5A80 Medium Slate Blue
    Medium Purple4 #4E387E Medium Purple4
    Midnight Blue #151B54 Midnight Blue
    Dark Slate Blue #2B3856 Dark Slate Blue
    Dark Slate Gray #25383C Dark Slate Gray
    Dim Gray #463E41 Dim Gray
    Cornflower Blue #151B8D Cornflower Blue
    Royal Blue4 #15317E Royal Blue4
    Slate Blue4 #342D7E Slate Blue4
    Royal Blue #2B60DE Royal Blue
    Royal Blue1 #306EFF Royal Blue1
    Royal Blue2 #2B65EC Royal Blue2
    Royal Blue3 #2554C7 Royal Blue3
    Deep Sky Blue #3BB9FF Deep Sky Blue
    Deep Sky Blue2 #38ACEC Deep Sky Blue2
    Slate Blue #357EC7 Slate Blue
    Deep Sky Blue3 #3090C7 Deep Sky Blue3
    Deep Sky Blue4 #25587E Deep Sky Blue4
    Dodger Blue #1589FF Dodger Blue
    Dodger Blue2 #157DEC Dodger Blue2
    Dodger Blue3 #1569C7 Dodger Blue3
    Dodger Blue4 #153E7E Dodger Blue4
    Steel Blue4 #2B547E Steel Blue4
    Steel Blue #4863A0 Steel Blue
    Slate Blue2 #6960EC Slate Blue2
    Violet #8D38C9 Violet
    Medium Purple3 #7A5DC7 Medium Purple3
    Medium Purple #8467D7 Medium Purple
    Medium Purple2 #9172EC Medium Purple2
    Medium Purple1 #9E7BFF Medium Purple1
    Light Steel Blue #728FCE Light Steel Blue
    Steel Blue3 #488AC7 Steel Blue3
    Steel Blue2 #56A5EC Steel Blue2
    Steel Blue1 #5CB3FF Steel Blue1
    Sky Blue3 #659EC7 Sky Blue3
    Sky Blue4 #41627E Sky Blue4
    Slate Blue #737CA1 Slate Blue
    Slate Blue #737CA1 Slate Blue
    Slate Gray3 #98AFC7 Slate Gray3
    Violet Red #F6358A Violet Red
    Violet Red1 #F6358A Violet Red1
    Violet Red2 #E4317F Violet Red2
    Deep Pink #F52887 Deep Pink
    Deep Pink2 #E4287C Deep Pink2
    Deep Pink3 #C12267 Deep Pink3
    Deep Pink4 #7D053F Deep Pink4
    Medium Violet Red #CA226B Medium Violet Red
    Violet Red3 #C12869 Violet Red3
    Firebrick #800517 Firebrick
    Violet Red4 #7D0541 Violet Red4
    Maroon4 #7D0552 Maroon4
    Maroon #810541 Maroon
    Maroon3 #C12283 Maroon3
    Maroon2 #E3319D Maroon2
    Maroon1 #F535AA Maroon1
    Magenta #FF00FF Magenta
    Magenta1 #F433FF Magenta1
    Magenta2 #E238EC Magenta2
    Magenta3 #C031C7 Magenta3
    Medium Orchid #B048B5 Medium Orchid
    Medium Orchid1 #D462FF Medium Orchid1
    Medium Orchid2 #C45AEC Medium Orchid2
    Medium Orchid3 #A74AC7 Medium Orchid3
    Medium Orchid4 #6A287E Medium Orchid4
    Purple #8E35EF Purple
    Purple1 #893BFF Purple1
    Purple2 #7F38EC Purple2
    Purple3 #6C2DC7 Purple3
    Purple4 #461B7E Purple4
    Dark Orchid4 #571B7e Dark Orchid4
    Dark Orchid #7D1B7E Dark Orchid
    Dark Violet #842DCE Dark Violet
    Dark Orchid3 #8B31C7 Dark Orchid3
    Dark Orchid2 #A23BEC Dark Orchid2
    Dark Orchid1 #B041FF Dark Orchid1
    Plum4 #7E587E Plum4
    Pale Violet Red #D16587 Pale Violet Red
    Pale Violet Red1 #F778A1 Pale Violet Red1
    Pale Violet Red2 #E56E94 Pale Violet Red2
    Pale Violet Red3 #C25A7C Pale Violet Red3
    Pale Violet Red4 #7E354D Pale Violet Red4
    Plum #B93B8F Plum
    Plum1 #F9B7FF Plum1
    Plum2 #E6A9EC Plum2
    Plum3 #C38EC7 Plum3
    Thistle #D2B9D3 Thistle
    Thistle3 #C6AEC7 Thistle3
    Lavender Blush2 #EBDDE2 Lavender Blush2
    Lavender Blush3 #C8BBBE Lavender Blush3
    Thistle2 #E9CFEC Thistle2
    Thistle1 #FCDFFF Thistle1
    Lavender #E3E4FA Lavender
    Lavender Blush #FDEEF4 Lavender Blush
    Light Steel Blue1 #C6DEFF Light Steel Blue1
    Light Blue #ADDFFF Light Blue
    Light Blue1 #BDEDFF Light Blue1
    Light Cyan #E0FFFF Light Cyan
    Slate Gray1 #C2DFFF Slate Gray1
    Slate Gray2 #B4CFEC Slate Gray2
    Light Steel Blue2 #B7CEEC Light Steel Blue2
    Turquoise1 #52F3FF Turquoise1
    Cyan #00FFFF Cyan
    Cyan1 #57FEFF Cyan1
    Cyan2 #50EBEC Cyan2
    Turquoise2 #4EE2EC Turquoise2
    Medium Turquoise #48CCCD Medium Turquoise
    Turquoise #43C6DB Turquoise
    Dark Slate Gray1 #9AFEFF Dark Slate Gray1
    Dark Slate Gray2 #8EEBEC Dark slate Gray2
    Dark Slate Gray3 #78c7c7 Dark Slate Gray3
    Cyan3 #46C7C7 Cyan3
    Turquoise3 #43BFC7 Turquoise3
    Cadet Blue3 #77BFC7 Cadet Blue3
    Pale Turquoise3 #92C7C7 Pale Turquoise3
    Light Blue2 #AFDCEC Light Blue2
    Dark Turquoise #3B9C9C Dark Turquoise
    Cyan4 #307D7E Cyan4
    Light Sea Green #3EA99F Light Sea Green
    Light Sky Blue #82CAFA Light Sky Blue
    Light Sky Blue2 #A0CFEC Light Sky Blue2
    Light Sky Blue3 #87AFC7 Light Sky Blue3
    Sky Blue #82CAFF Sky Blue
    Sky Blue2 #79BAEC Sky Blue2
    Light Sky Blue4 #566D7E Light Sky Blue4
    Sky Blue #6698FF Sky Blue
    Light Slate Blue #736AFF Light Slate Blue
    Light Cyan2 #CFECEC Light Cyan2
    Light Cyan3 #AFC7C7 Light Cyan3
    Light Cyan4 #717D7D Light Cyan4
    Light Blue3 #95B9C7 Light Blue3
    Light Blue4 #5E767E Light Blue4
    Pale Turquoise4 #5E7D7E Pale Turquoise4
    Dark Sea Green4 #617C58 Dark Sea Green4
    Medium Aquamarine #348781 Medium Aquamarine
    Medium Sea Green #306754 Medium Sea Green
    Sea Green #4E8975 Sea Green
    Dark Green #254117 Dark Green
    Sea Green4 #387C44 Sea Green4
    Forest Green #4E9258 Forest Green
    Medium Forest Green #347235 Medium Forest Green
    Spring Green4 #347C2C Spring Green4
    Dark Olive Green4 #667C26 Dark Olive Green4
    Chartreuse4 #437C17 Chartreuse4
    Green4 #347C17 Green4
    Medium Spring Green #348017 Medium Spring Green
    Spring Green #4AA02C Spring Green
    Lime Green #41A317 Lime Green
    Spring Green #4AA02C Spring Green
    Dark Sea Green #8BB381 Dark Sea Green
    Dark Sea Green3 #99C68E Dark Sea Green3
    Green3 #4CC417 Green3
    Chartreuse3 #6CC417 Chartreuse3
    Yellow Green #52D017 Yellow Green
    Spring Green3 #4CC552 Spring Green3
    Sea Green3 #54C571 Sea Green3
    Spring Green2 #57E964 Spring Green2
    Spring Green1 #5EFB6E Spring Green1
    Sea Green2 #64E986 Sea Green2
    Sea Green1 #6AFB92 Sea Green1
    Dark Sea Green2 #B5EAAA Dark Sea Green2
    Dark Sea Green1 #C3FDB8 Dark Sea Green1
    Green #00FF00 Green
    Lawn Green #87F717 Lawn Green
    Green1 #5FFB17 Green1
    Green2 #59E817 Green2
    Chartreuse2 #7FE817 Chartreuse2
    Chartreuse #8AFB17 Chartreuse
    Green Yellow #B1FB17 Green Yellow
    Dark Olive Green1 #CCFB5D Dark Olive Green1
    Dark Olive Green2 #BCE954 Dark Olive Green2
    Dark Olive Green3 #A0C544 Dark Olive Green3
    Yellow #FFFF00 Yellow
    Yellow1 #FFFC17 Yellow1
    Khaki1 #FFF380 Khaki1
    Khaki2 #EDE275 Khaki2
    Goldenrod #EDDA74 Goldenrod
    Gold2 #EAC117 Gold2
    Gold1 #FDD017 Gold1
    Goldenrod1 #FBB917 Goldenrod1
    Goldenrod2 #E9AB17 Goldenrod2
    Gold #D4A017 Gold
    Gold3 #C7A317 Gold3
    Goldenrod3 #C68E17 Goldenrod3
    Dark Goldenrod #AF7817 Dark Goldenrod
    Khaki #ADA96E Khaki
    Khaki3 #C9BE62 Khaki3
    Khaki4 #827839 Khaki4
    Dark Goldenrod1 #FBB117 Dark Goldenrod1
    Dark Goldenrod2 #E8A317 Dark Goldenrod2
    Dark Goldenrod3 #C58917 Dark Goldenrod3
    Sienna1 #F87431 Sienna1
    Sienna2 #E66C2C Sienna2
    Dark Orange #F88017 Dark Orange
    Dark Orange1 #F87217 Dark Orange1
    Dark Orange2 #E56717 Dark Orange2
    Dark Orange3 #C35617 Dark Orange3
    Sienna3 #C35817 Sienna3
    Sienna #8A4117 Sienna
    Sienna4 #7E3517 Sienna4
    Indian Red4 #7E2217 Indian Red4
    Dark Orange3 #7E3117 Dark Orange3
    Salmon4 #7E3817 Salmon4
    Dark Goldenrod4 #7F5217 Dark Goldenrod4
    Gold4 #806517 Gold4
    Goldenrod4 #805817 Goldenrod4
    Light Salmon4 #7F462C Light Salmon4
    Chocolate #C85A17 Chocolate
    Coral3 #C34A2C Coral3
    Coral2 #E55B3C Coral2
    Coral #F76541 Coral
    Dark Salmon #E18B6B Dark Salmon
    Salmon1 #F88158 Pale Turquoise4
    Salmon2 #E67451 Salmon2
    Salmon3 #C36241 Salmon3
    Light Salmon3 #C47451 Light Salmon3
    Light Salmon2 #E78A61 Light Salmon2
    Light Salmon #F9966B Light Salmon
    Sandy Brown #EE9A4D Sandy Brown
    Hot Pink #F660AB Hot Pink
    Hot Pink1 #F665AB Hot Pink1
    Hot Pink2 #E45E9D Hot Pink2
    Hot Pink3 #C25283 Hot Pink3
    Hot Pink4 #7D2252 Hot Pink4
    Light Coral #E77471 Light Coral
    Indian Red1 #F75D59 Indian Red1
    Indian Red2 #E55451 Indian Red2
    Indian Red3 #C24641 Indian Red3
    Red #FF0000 Red
    Red1 #F62217 Red1
    Red2 #E41B17 Red2
    Firebrick1 #F62817 Firebrick1
    Firebrick2 #E42217 Firebrick2
    Firebrick3 #C11B17 Firebrick3
    Pink #FAAFBE Pink
    Rosy Brown1 #FBBBB9 Rosy Brown1
    Rosy Brown2 #E8ADAA Rosy Brown2
    Pink2 #E7A1B0 Pink2
    Light Pink #FAAFBA Light Pink
    Light Pink1 #F9A7B0 Light Pink1
    Light Pink2 #E799A3 Light Pink2
    Pink3 #C48793 Pink3
    Rosy Brown3 #C5908E Rosy Brown3
    Rosy Brown #B38481 Rosy Brown
    Light Pink3 #C48189 Light Pink3
    Rosy Brown4 #7F5A58 Rosy Brown4
    Light Pink4 #7F4E52 Light Pink4
    Pink4 #7F525D Pink4
    Lavender Blush4 #817679 Lavendar Blush4
    Light Goldenrod4 #817339 Light Goldenrod4
    Lemon Chiffon4 #827B60 Lemon Chiffon4
    Lemon Chiffon3 #C9C299 Lemon Chiffon3
    Light Goldenrod3 #C8B560 Light Goldenrod3
    Light Golden2 #ECD672 Light Golden2
    Light Goldenrod #ECD872 Light Goldenrod
    Light Goldenrod1 #FFE87C Light Goldenrod1
    Lemon Chiffon2 #ECE5B6 Lemon Chiffon2
    Lemon Chiffon #FFF8C6 Lemon Chiffon
    Light Goldenrod Yellow #FAF8CC Light Goldenrod Yellow

    Catatan: Penggunaan Nama Warna tidak berfungsi dengan baik, saya anjurkan gunakan kode Hexadecimal-nya saja.

    Semoga Bermanfaat

    Jika Anda menyukai artikel ini silahkan dibagikan atau Like. Terima Kasih

    15 Responses to Kumpulan Kode Html Warna Dan Nama Warna

    1. Ajeng Fitria mengatakan:

      ilmunya makasih banget

    2. Ping-balik: Kumpulan Kata-Kata

    Berikan Balasan

    Isikan data di bawah atau klik salah satu ikon untuk log in:

    Logo WordPress.com

    You are commenting using your WordPress.com account. Logout / Ubah )

    Gambar Twitter

    You are commenting using your Twitter account. Logout / Ubah )

    Foto Facebook

    You are commenting using your Facebook account. Logout / Ubah )

    Foto Google+

    You are commenting using your Google+ account. Logout / Ubah )

    Connecting to %s

    %d blogger menyukai ini: