Rumahweb Blog
Banner - Kode Warna HTML dan CSS yang Perlu Anda Ketahui

Kode Warna HTML dan CSS yang Perlu Anda Ketahui

Bagi Anda yang sudah terbiasa bergelut dengan dunia pemrograman, terutama website, tentu sudah tidak asing lagi dengan kode warna HTML. Ya, dalam pemrograman, pewarnaan dilakukan dengan menggunakan kode warna HTML.

Sebelum membahas lebih jauh tentang kode warna HTML, mari berkenalan terlebih dahulu dengan HTML dan CSS.

Apa itu HTML dan CSS?

HTML adalah singkatan dari HyperText Markup Language, yang merupakan bahasa standar yang digunakan browser internet untuk membuat halaman atau dokumen pada sebuah website agar dapat diakses dan dibaca layaknya sebuah artikel. Selain itu, HTML juga biasa digunakan sebagai link file dalam website.

Sedangkan CSS adalah singkatan dari Cascading Style Sheet. CSS merupakan bahasa pemrograman website yang digunakan untuk mengendalikan sejumlah komponen dalam sebuah web, agar lebih terstruktur dan seragam. CSS dipakai untuk memformat tampilan halaman website yang dibuat dengan HTML atau XHTML.

Oleh karena itu, ketika membuat sebuah website, dibutuhkan kode warna HTML untuk menciptakan tampilan warna yang cantik dan juga menarik.

Salah satu contoh kode warna HTML adalah #B38481, yang merupakan kode warna Hexadecimal untuk Rosy Brown. Kode warna Hexadecimal adalah tipe kode warna yang biasanya diawali dengan tanda pagar “#”. Tak hanya Hexadecimal, terdapat tipe kode warna lain yang umum digunakan, yaitu RGB.

RGB adalah kode warna yang terdiri dari tiga bagian angka. Bagian-bagian tersebut dipisahkan oleh tanda koma. RGB sendiri merupakan singkatan dari Red-Green-Blue, yang merupakan warna dasar.

Contoh kode warna yang menggunakan kode RGB, misalnya RGB (0, 0, 255). Kode ini nantinya akan menghasilkan warna dark washed blue.

Kode Warna HTML Lengkap

Dengan kombinasi warna dasar yang ada, Anda bisa menghasilkan warna yang beragam. Setidaknya, terdapat jutaan warna yang bisa digunakan. Ratusan di antaranya bahkan sudah memiliki nama.

        

kode warna html

Source: https://html-color-codes.info/

Bagi Anda yang ingin mengetahui kode warna HTML secara lengkap, berikut Rumahweb urutkan kode warna HTML beserta warna dan juga namanya.

Kode

Warna

#000000

Black

#0C090A

Night

#2C3539

Gunmetal

#2B1B17

Midnight

#34282C

Charcoal

#25383C

Dark Slate Grey

#3B3131

Oil

#413839

Black Cat

#3D3C3A

Iridium

#463E3F

Black Eel

#4C4646

Black Cow

#504A4B

Gray Wolf

#565051

Vampire Gray

#5C5858

Gray Dolphin

#625D5D

Carbon Gray

#666362

Ash Gray

#6D6968

Cloudy Gray

#726E6D

Smokey Gray

#736F6E

Gray

#837E7C

Granite

#848482

Battleship Gray

#B6B6B4

Gray Cloud

#D1D0CE

Gray Goose

#E5E4E2

Platinum

#BCC6CC

Metallic Silver

#98AFC7

Blue Gray

#6D7B8D

Light Slate Gray

#657383

Slate Gray

#616D7E

Jet Gray

#646D7E

Mist Blue

#566D7E

Marble Blue

#737CA1

Slate Blue

#4863A0

Steel Blue

#2B547E

Blue Jay

#2B3856

Dark Slate Blue

#151B54

Midnight Blue

#000080

Navy Blue

#342D7E

Blue Whale

#15317E

Lapis Blue

#151B8D

Denim Dark Blue

#0000A0

Earth Blue

#0020C2

Cobalt Blue

#0041C2

Blueberry Blue

#2554C7

Sapphire Blue

#1569C7

Blue Eyes

#2B60DE

Royal Blue

#1F45FC

Blue Orchid

#6960EC

Blue Lotus

#736AFF

Light Slate Blue

#357EC7

Windows Blue

#368BC1

Glacial Blue Ice

#488AC7

Silk Blue

#3090C7

Blue Ivy

#659EC7

Blue Koi

#87AFC7

Columbia Blue

#95B9C7

Baby Blue

#728FCE

Light Steel Blue

#2B65EC

Ocean Blue

#306EFF

Blue Ribbon

#157DEC

Blue Dress

#1589FF

Dodger Blue

#6495ED

Cornflower Blue

#6698FF

Sky Blue

#38ACEC

Butterfly Blue

#56A5EC

Iceberg

#5CB3FF

Crystal Blue

#3BB9FF

Deep Sky Blue

#79BAEC

Denim Blue

#82CAFA

Light Sky Blue

#82CAFF

Day Sky Blue

#A0CFEC

Jeans Blue

#B7CEEC

Blue Angel

#B4CFEC

Pastel Blue

#C2DFFF

Sea Blue

#C6DEFF

Powder Blue

#AFDCEC

Coral Blue

#ADDFFF

Light Blue

#BDEDFF

Robin Egg Blue

#CFECEC

Pale Blue Lily

#E0FFFF

Light Cyan

#EBF4FA

Water

#F0F8FF

AliceBlue

#F0FFFF

Azure

#CCFFFF

Light Slate

#93FFE8

Light Aquamarine

#9AFEFF

Electric Blue

#7FFFD4

Aquamarine

#00FFFF

Cyan or Aqua

#7DFDFE

Tron Blue

#57FEFF

Blue Zircon

#8EEBEC

Blue Lagoon

#50EBEC

Celeste

#4EE2EC

Blue Diamond

#81D8D0

Tiffany Blue

#92C7C7

Cyan Opaque

#77BFC7

Blue Hosta

#78C7C7

Northern Lights Blue

#48CCCD

Medium Turquoise

#43C6DB

Turquoise

#46C7C7

Jellyfish

#7BCCB5

Blue green

#43BFC7

Macaw Blue Green

#3EA99F

Light Sea Green

#3B9C9C

Dark Turquoise

#438D80

Sea Turtle Green

#348781

Medium Aquamarine

#307D7E

Greenish Blue

#5E7D7E

Grayish Turquoise

#4C787E

Beetle Green

#008080

Teal

#4E8975

Sea Green

#78866B

Camouflage Green

#848b79

Sage Green

#617C58

Hazel Green

#728C00

Venom Green

#667C26

Fern Green

#254117

Dark Forest Green

#306754

Medium Sea Green

#347235

Medium Forest Green

#437C17

Seaweed Green

#387C44

Pine Green

#347C2C

Jungle Green

#347C17

Shamrock Green

#348017

Medium Spring Green

#4E9258

Forest Green

#6AA121

Green Onion

#4AA02C

Spring Green

#41A317

Lime Green

#3EA055

Clover Green

#6CBB3C

Green Snake

#6CC417

Alien Green

#4CC417

Green Apple

#52D017

Yellow Green

#4CC552

Kelly Green

#54C571

Zombie Green

#99C68E

Frog Green

#89C35C

Green Peas

#85BB65

Dollar Bill Green

#8BB381

Dark Sea Green

#9CB071

Iguana Green

#B2C248

Avocado Green

#9DC209

Pistachio Green

#A1C935

Salad Green

#7FE817

Hummingbird Green

#59E817

Nebula Green

#57E964

Stoplight Go Green

#64E986

Algae Green

#5EFB6E

Jade Green

#00FF00

Green

#5FFB17

Emerald Green

#87F717

Lawn Green

#8AFB17

Chartreuse

#6AFB92

Dragon Green

#98FF98

Mint green

#B5EAAA

Green Thumb

#C3FDB8

Light Jade

#CCFB5D

Tea Green

#B1FB17

Green Yellow

#BCE954

Slime Green

#EDDA74

Goldenrod

#EDE275

Harvest Gold

#FFE87C

Sun Yellow

#FFFF00

Yellow

#FFF380

Corn Yellow

#FFFFC2

Parchment

#FFFFCC

Cream

#FFF8C6

Lemon Chiffon

#FFF8DC

Cornsilk

#F5F5DC

Beige

#FBF6D9

Blonde

#FAEBD7

AntiqueWhite

#F7E7CE

Champagne

#FFEBCD

BlanchedAlmond

#F3E5AB

Vanilla

#ECE5B6

Tan Brown

#FFE5B4

Peach

#FFDB58

Mustard

#FFD801

Rubber Ducky Yellow

#FDD017

Bright Gold

#EAC117

Golden brown

#F2BB66

Macaroni and Cheese

#FBB917

Saffron

#FBB117

Beer

#FFA62F

Cantaloupe

#E9AB17

Bee Yellow

#E2A76F

Brown Sugar

#DEB887

BurlyWood

#FFCBA4

Deep Peach

#C9BE62

Ginger Brown

#E8A317

School Bus Yellow

#EE9A4D

Sandy Brown

#C8B560

Fall Leaf Brown

#D4A017

Orange Gold

#C2B280

Sand

#C7A317

Cookie Brown

#C68E17

Caramel

#B5A642

Brass

#ADA96E

Khaki

#C19A6B

Camel brown

#CD7F32

Bronze

#C88141

Tiger Orange

#C58917

Cinnamon

#AF9B60

Bullet Shell

#AF7817

Dark Goldenrod

#B87333

Copper

#966F33

Wood

#806517

Oak Brown

#827839

Moccasin

#827B60

Army Brown

#786D5F

Sandstone

#493D26

Mocha

#483C32

Taupe

#6F4E37

Coffee

#835C3B

Brown Bear

#7F5217

Red Dirt

#7F462C

Sepia

#C47451

Orange Salmon

#C36241

Rust

#C35817

Red Fox

#C85A17

Chocolate

#CC6600

Sedona

#E56717

Papaya Orange

#E66C2C

Halloween Orange

#F87217

Pumpkin Orange

#F87431

Construction Cone Orange

#E67451

Sunrise Orange

#FF8040

Mango Orange

#F88017

Dark Orange

#FF7F50

Coral

#F88158

Basket Ball Orange

#F9966B

Light Salmon

#E78A61

Tangerine

#E18B6B

Dark Salmon

#E77471

Light Coral

#F75D59

Bean Red

#E55451

Valentine Red

#E55B3C

Shocking Orange

#FF0000

Red

#FF2400

Scarlet

#F62217

Ruby Red

#F70D1A

Ferrari Red

#F62817

Fire Engine Red

#E42217

Lava Red

#E41B17

Love Red

#DC381F

Grapefruit

#C34A2C

Chestnut Red

#C24641

Cherry Red

#C04000

Mahogany

#C11B17

Chilli Pepper

#9F000F

Cranberry

#990012

Red Wine

#8C001A

Burgundy

#954535

Chestnut

#7E3517

Blood Red

#8A4117

Sienna

#7E3817

Sangria

#800517

Firebrick

#810541

Maroon

#7D0541

Plum Pie

#7E354D

Velvet Maroon

#7D0552

Plum Velvet

#7F4E52

Rosy Finch

#7F5A58

Puce

#7F525D

Dull Purple

#B38481

Rosy Brown

#C5908E

Khaki Rose

#C48189

Pink Bow

#C48793

Lipstick Pink

#E8ADAA

Rose

#ECC5C0

Rose Gold

#EDC9AF

Desert Sand

#FDD7E4

Pig Pink

#FCDFFF

Cotton Candy

#FFDFDD

Pink Bubblegum

#FBBBB9

Misty Rose

#FAAFBE

Pink

#FAAFBA

Light Pink

#F9A7B0

Flamingo Pink

#E7A1B0

Pink Rose

#E799A3

Pink Daisy

#E38AAE

Cadillac Pink

#F778A1

Carnation Pink

#E56E94

Blush Red

#F660AB

Hot Pink

#FC6C85

Watermelon Pink

#F6358A

Violet Red

#F52887

Deep Pink

#E45E9D

Pink Cupcake

#E4287C

Pink Lemonade

#F535AA

Neon Pink

#FF00FF

Magenta

#E3319D

Dimorphotheca Magenta

#F433FF

Bright Neon Pink

#D16587

Pale Violet Red

#C25A7C

Tulip Pink

#CA226B

Medium Violet Red

#C12869

Rogue Pink

#C12267

Burnt Pink

#C25283

Bashful Pink

#C12283

Dark Carnation Pink

#B93B8F

Plum

#7E587E

Viola Purple

#571B7E

Purple Iris

#583759

Plum Purple

#4B0082

Indigo

#461B7E

Purple Monster

#4E387E

Purple Haze

#614051

Eggplant

#5E5A80

Grape

#6A287E

Purple Jam

#7D1B7E

Dark Orchid

#A74AC7

Purple Flower

#B048B5

Medium Orchid

#6C2DC7

Purple Amethyst

#842DCE

Dark Violet

#8D38C9

Violet

#7A5DC7

Purple Sage Bush

#7F38EC

Lovely Purple

#8E35EF

Purple

#893BFF

Aztech Purple

#8467D7

Medium Purple

#A23BEC

Jasmine Purple

#B041FF

Purple Daffodil

#C45AEC

Tyrian Purple

#9172EC

Crocus Purple

#9E7BFF

Purple Mimosa

#D462FF

Heliotrope Purple

#E238EC

Crimson

#C38EC7

Purple Dragon

#C8A2C8

Lilac

#E6A9EC

Blush Pink

#E0B0FF

Mauve

#C6AEC7

Wisteria Purple

#F9B7FF

Blossom Pink

#D2B9D3

Thistle

#E9CFEC

Periwinkle

#EBDDE2

Lavender Pinocchio

#E3E4FA

Lavender blue

#FDEEF4

Pearl

#FFF5EE

SeaShell

#FEFCFF

Milk White

#FFFFFF

White

Kode Warna Pastel untuk Website

Jika Anda ingin membuat website sendiri dengan menggunakan warna-warna lembut dan cantik, maka Anda bisa menggunakan kode warna HTML di bawah ini. Gabungan warna-warna senada ini dijamin akan membuat tampilan website anda akan semakin menarik. Apa saja palette-nya?

  • Palette pastel standar

#F9D2C8

RGB (249,210,200)

#FFFDD3

RGB (255,253,211)

#E3FAD8

RGB (227,250,216)

#C4D3FF

RGB (196,211,255)

#FFC6E8

RGB (255,198,232)

  • Palette pink pastel

#ecb1b5

RGB (236,177,181)

#fae4e6

RGB (250,228,230)

#d96c74

RGB (217,108,116)

#f8d4dc

RGB (248,212,220)

#dc7c7c

RGB (220,124,124)

  • Palette biru pastel

#c7d2f0

RGB (199,210,240)

#f3ecfb

RGB (243,236,251)

#dfe1f9

RGB (223,225,249)

#b3c5e5

RGB (179,197,229)

#e4ecfc

RGB (228,236,252)

  • Pallete ungu pastel

#d4a0d0

RGB (212,160,208)

#6e6abf

RGB (110,106,191)

#fbd6d5

RGB (251,214,213)

#b2629d

RGB (178,98,157)

#bf6e8c

RGB (191,110,140)

        

Warna palette pastel yang sedang tren di atas terlihat cantik bukan? Gabungan warna tersebut bisa Anda gunakan untuk mempercantik tampilan website. Apalagi saat ini warna pastel tengah digandrungi dan digunakan oleh banyak pemilik website.

Nah, untuk Anda yang juga ingin memiliki website cantik tapi tak ingin ribet, maka tak perlu khawatir karena Rumahweb menyediakan jasa dalam membuat website.

Tidak hanya harga yang terjangkau, Anda juga bisa memilih desain website sendiri, termasuk warna-warna yang digunakan pada tampilan website. Untuk lebih jelasnya, silakan klik link berikut ini.


Demikian artikel mengenai kode warna HTML dan CSS yang perlu Anda ketahui sebelum membuat
website. Semoga artikel Rumahweb kali ini membantu, ya!

Bermanfaatkah Artikel Ini?

Klik bintang 5 untuk rating!

Rating rata-rata 3 / 5. Vote count: 1

Belum ada vote hingga saat ini!

Kami mohon maaf artikel ini kurang berguna untuk Anda!

Mari kita perbaiki artikel ini!

Beri tahu kami bagaimana kami dapat meningkatkan artikel ini?

VPS Murah Indonesia

Hairum Fellayati

Scrolling, Writing and Editing