HTML-kleurnamen

Blader door en zoek meer dan 140 CSS/HTML-gekleurde namen met HEX- en RGB-waarden

HTML-kleurnamen

Blader door en zoek meer dan 140 CSS/HTML-gekleurde namen met HEX- en RGB-waarden

148 / 148

aliceblue

#F0F8FF

Wit

HEX: #F0F8FF
RGB: rgb(240, 248, 255)

antiquewhite

#FAEBD7

Oranje

HEX: #FAEBD7
RGB: rgb(250, 235, 215)

aqua

#00FFFF

Cyaan

HEX: #00FFFF
RGB: rgb(0, 255, 255)

aquamarine

#7FFFD4

Groen

HEX: #7FFFD4
RGB: rgb(127, 255, 212)

azure

#F0FFFF

Wit

HEX: #F0FFFF
RGB: rgb(240, 255, 255)

beige

#F5F5DC

Geel

HEX: #F5F5DC
RGB: rgb(245, 245, 220)

bisque

#FFE4C4

Oranje

HEX: #FFE4C4
RGB: rgb(255, 228, 196)

black

#000000

Grijs

HEX: #000000
RGB: rgb(0, 0, 0)

blanchedalmond

#FFEBCD

Oranje

HEX: #FFEBCD
RGB: rgb(255, 235, 205)

blue

#0000FF

Blauw

HEX: #0000FF
RGB: rgb(0, 0, 255)

blueviolet

#8A2BE2

Paars

HEX: #8A2BE2
RGB: rgb(138, 43, 226)

brown

#A52A2A

Rood

HEX: #A52A2A
RGB: rgb(165, 42, 42)

burlywood

#DEB887

Oranje

HEX: #DEB887
RGB: rgb(222, 184, 135)

cadetblue

#5F9EA0

Cyaan

HEX: #5F9EA0
RGB: rgb(95, 158, 160)

chartreuse

#7FFF00

Groen

HEX: #7FFF00
RGB: rgb(127, 255, 0)

chocolate

#D2691E

Oranje

HEX: #D2691E
RGB: rgb(210, 105, 30)

coral

#FF7F50

Oranje

HEX: #FF7F50
RGB: rgb(255, 127, 80)

cornflowerblue

#6495ED

Blauw

HEX: #6495ED
RGB: rgb(100, 149, 237)

cornsilk

#FFF8DC

Geel

HEX: #FFF8DC
RGB: rgb(255, 248, 220)

crimson

#DC143C

Rood

HEX: #DC143C
RGB: rgb(220, 20, 60)

cyan

#00FFFF

Cyaan

HEX: #00FFFF
RGB: rgb(0, 255, 255)

darkblue

#00008B

Blauw

HEX: #00008B
RGB: rgb(0, 0, 139)

darkcyan

#008B8B

Cyaan

HEX: #008B8B
RGB: rgb(0, 139, 139)

darkgoldenrod

#B8860B

Oranje

HEX: #B8860B
RGB: rgb(184, 134, 11)

darkgray

#A9A9A9

Grijs

HEX: #A9A9A9
RGB: rgb(169, 169, 169)

darkgreen

#006400

Groen

HEX: #006400
RGB: rgb(0, 100, 0)

darkgrey

#A9A9A9

Grijs

HEX: #A9A9A9
RGB: rgb(169, 169, 169)

darkkhaki

#BDB76B

Geel

HEX: #BDB76B
RGB: rgb(189, 183, 107)

darkmagenta

#8B008B

Roze

HEX: #8B008B
RGB: rgb(139, 0, 139)

darkolivegreen

#556B2F

Groen

HEX: #556B2F
RGB: rgb(85, 107, 47)

darkorange

#FF8C00

Oranje

HEX: #FF8C00
RGB: rgb(255, 140, 0)

darkorchid

#9932CC

Paars

HEX: #9932CC
RGB: rgb(153, 50, 204)

darkred

#8B0000

Rood

HEX: #8B0000
RGB: rgb(139, 0, 0)

darksalmon

#E9967A

Oranje

HEX: #E9967A
RGB: rgb(233, 150, 122)

darkseagreen

#8FBC8F

Groen

HEX: #8FBC8F
RGB: rgb(143, 188, 143)

darkslateblue

#483D8B

Blauw

HEX: #483D8B
RGB: rgb(72, 61, 139)

darkslategray

#2F4F4F

Cyaan

HEX: #2F4F4F
RGB: rgb(47, 79, 79)

darkslategrey

#2F4F4F

Cyaan

HEX: #2F4F4F
RGB: rgb(47, 79, 79)

darkturquoise

#00CED1

Cyaan

HEX: #00CED1
RGB: rgb(0, 206, 209)

darkviolet

#9400D3

Paars

HEX: #9400D3
RGB: rgb(148, 0, 211)

deeppink

#FF1493

Roze

HEX: #FF1493
RGB: rgb(255, 20, 147)

deepskyblue

#00BFFF

Blauw

HEX: #00BFFF
RGB: rgb(0, 191, 255)

dimgray

#696969

Grijs

HEX: #696969
RGB: rgb(105, 105, 105)

dimgrey

#696969

Grijs

HEX: #696969
RGB: rgb(105, 105, 105)

dodgerblue

#1E90FF

Blauw

HEX: #1E90FF
RGB: rgb(30, 144, 255)

firebrick

#B22222

Rood

HEX: #B22222
RGB: rgb(178, 34, 34)

floralwhite

#FFFAF0

Wit

HEX: #FFFAF0
RGB: rgb(255, 250, 240)

forestgreen

#228B22

Groen

HEX: #228B22
RGB: rgb(34, 139, 34)

fuchsia

#FF00FF

Roze

HEX: #FF00FF
RGB: rgb(255, 0, 255)

gainsboro

#DCDCDC

Grijs

HEX: #DCDCDC
RGB: rgb(220, 220, 220)

ghostwhite

#F8F8FF

Wit

HEX: #F8F8FF
RGB: rgb(248, 248, 255)

gold

#FFD700

Geel

HEX: #FFD700
RGB: rgb(255, 215, 0)

goldenrod

#DAA520

Oranje

HEX: #DAA520
RGB: rgb(218, 165, 32)

gray

#808080

Grijs

HEX: #808080
RGB: rgb(128, 128, 128)

green

#008000

Groen

HEX: #008000
RGB: rgb(0, 128, 0)

greenyellow

#ADFF2F

Groen

HEX: #ADFF2F
RGB: rgb(173, 255, 47)

grey

#808080

Grijs

HEX: #808080
RGB: rgb(128, 128, 128)

honeydew

#F0FFF0

Wit

HEX: #F0FFF0
RGB: rgb(240, 255, 240)

hotpink

#FF69B4

Roze

HEX: #FF69B4
RGB: rgb(255, 105, 180)

indianred

#CD5C5C

Rood

HEX: #CD5C5C
RGB: rgb(205, 92, 92)

indigo

#4B0082

Paars

HEX: #4B0082
RGB: rgb(75, 0, 130)

ivory

#FFFFF0

Wit

HEX: #FFFFF0
RGB: rgb(255, 255, 240)

khaki

#F0E68C

Geel

HEX: #F0E68C
RGB: rgb(240, 230, 140)

lavender

#E6E6FA

Blauw

HEX: #E6E6FA
RGB: rgb(230, 230, 250)

lavenderblush

#FFF0F5

Wit

HEX: #FFF0F5
RGB: rgb(255, 240, 245)

lawngreen

#7CFC00

Groen

HEX: #7CFC00
RGB: rgb(124, 252, 0)

lemonchiffon

#FFFACD

Geel

HEX: #FFFACD
RGB: rgb(255, 250, 205)

lightblue

#ADD8E6

Cyaan

HEX: #ADD8E6
RGB: rgb(173, 216, 230)

lightcoral

#F08080

Rood

HEX: #F08080
RGB: rgb(240, 128, 128)

lightcyan

#E0FFFF

Cyaan

HEX: #E0FFFF
RGB: rgb(224, 255, 255)

lightgoldenrodyellow

#FAFAD2

Geel

HEX: #FAFAD2
RGB: rgb(250, 250, 210)

lightgray

#D3D3D3

Grijs

HEX: #D3D3D3
RGB: rgb(211, 211, 211)

lightgreen

#90EE90

Groen

HEX: #90EE90
RGB: rgb(144, 238, 144)

lightgrey

#D3D3D3

Grijs

HEX: #D3D3D3
RGB: rgb(211, 211, 211)

lightpink

#FFB6C1

Rood

HEX: #FFB6C1
RGB: rgb(255, 182, 193)

lightsalmon

#FFA07A

Oranje

HEX: #FFA07A
RGB: rgb(255, 160, 122)

lightseagreen

#20B2AA

Cyaan

HEX: #20B2AA
RGB: rgb(32, 178, 170)

lightskyblue

#87CEFA

Blauw

HEX: #87CEFA
RGB: rgb(135, 206, 250)

lightslategray

#778899

Blauw

HEX: #778899
RGB: rgb(119, 136, 153)

lightslategrey

#778899

Blauw

HEX: #778899
RGB: rgb(119, 136, 153)

lightsteelblue

#B0C4DE

Blauw

HEX: #B0C4DE
RGB: rgb(176, 196, 222)

lightyellow

#FFFFE0

Geel

HEX: #FFFFE0
RGB: rgb(255, 255, 224)

lime

#00FF00

Groen

HEX: #00FF00
RGB: rgb(0, 255, 0)

limegreen

#32CD32

Groen

HEX: #32CD32
RGB: rgb(50, 205, 50)

linen

#FAF0E6

Oranje

HEX: #FAF0E6
RGB: rgb(250, 240, 230)

magenta

#FF00FF

Roze

HEX: #FF00FF
RGB: rgb(255, 0, 255)

maroon

#800000

Rood

HEX: #800000
RGB: rgb(128, 0, 0)

mediumaquamarine

#66CDAA

Groen

HEX: #66CDAA
RGB: rgb(102, 205, 170)

mediumblue

#0000CD

Blauw

HEX: #0000CD
RGB: rgb(0, 0, 205)

mediumorchid

#BA55D3

Roze

HEX: #BA55D3
RGB: rgb(186, 85, 211)

mediumpurple

#9370DB

Paars

HEX: #9370DB
RGB: rgb(147, 112, 219)

mediumseagreen

#3CB371

Groen

HEX: #3CB371
RGB: rgb(60, 179, 113)

mediumslateblue

#7B68EE

Blauw

HEX: #7B68EE
RGB: rgb(123, 104, 238)

mediumspringgreen

#00FA9A

Groen

HEX: #00FA9A
RGB: rgb(0, 250, 154)

mediumturquoise

#48D1CC

Cyaan

HEX: #48D1CC
RGB: rgb(72, 209, 204)

mediumvioletred

#C71585

Roze

HEX: #C71585
RGB: rgb(199, 21, 133)

midnightblue

#191970

Blauw

HEX: #191970
RGB: rgb(25, 25, 112)

mintcream

#F5FFFA

Wit

HEX: #F5FFFA
RGB: rgb(245, 255, 250)

mistyrose

#FFE4E1

Rood

HEX: #FFE4E1
RGB: rgb(255, 228, 225)

moccasin

#FFE4B5

Oranje

HEX: #FFE4B5
RGB: rgb(255, 228, 181)

navajowhite

#FFDEAD

Oranje

HEX: #FFDEAD
RGB: rgb(255, 222, 173)

navy

#000080

Blauw

HEX: #000080
RGB: rgb(0, 0, 128)

oldlace

#FDF5E6

Oranje

HEX: #FDF5E6
RGB: rgb(253, 245, 230)

olive

#808000

Geel

HEX: #808000
RGB: rgb(128, 128, 0)

olivedrab

#6B8E23

Groen

HEX: #6B8E23
RGB: rgb(107, 142, 35)

orange

#FFA500

Oranje

HEX: #FFA500
RGB: rgb(255, 165, 0)

orangered

#FF4500

Oranje

HEX: #FF4500
RGB: rgb(255, 69, 0)

orchid

#DA70D6

Roze

HEX: #DA70D6
RGB: rgb(218, 112, 214)

palegoldenrod

#EEE8AA

Geel

HEX: #EEE8AA
RGB: rgb(238, 232, 170)

palegreen

#98FB98

Groen

HEX: #98FB98
RGB: rgb(152, 251, 152)

paleturquoise

#AFEEEE

Cyaan

HEX: #AFEEEE
RGB: rgb(175, 238, 238)

palevioletred

#DB7093

Roze

HEX: #DB7093
RGB: rgb(219, 112, 147)

papayawhip

#FFEFD5

Oranje

HEX: #FFEFD5
RGB: rgb(255, 239, 213)

peachpuff

#FFDAB9

Oranje

HEX: #FFDAB9
RGB: rgb(255, 218, 185)

peru

#CD853F

Oranje

HEX: #CD853F
RGB: rgb(205, 133, 63)

pink

#FFC0CB

Rood

HEX: #FFC0CB
RGB: rgb(255, 192, 203)

plum

#DDA0DD

Roze

HEX: #DDA0DD
RGB: rgb(221, 160, 221)

powderblue

#B0E0E6

Cyaan

HEX: #B0E0E6
RGB: rgb(176, 224, 230)

purple

#800080

Roze

HEX: #800080
RGB: rgb(128, 0, 128)

rebeccapurple

#663399

Paars

HEX: #663399
RGB: rgb(102, 51, 153)

red

#FF0000

Rood

HEX: #FF0000
RGB: rgb(255, 0, 0)

rosybrown

#BC8F8F

Rood

HEX: #BC8F8F
RGB: rgb(188, 143, 143)

royalblue

#4169E1

Blauw

HEX: #4169E1
RGB: rgb(65, 105, 225)

saddlebrown

#8B4513

Oranje

HEX: #8B4513
RGB: rgb(139, 69, 19)

salmon

#FA8072

Rood

HEX: #FA8072
RGB: rgb(250, 128, 114)

sandybrown

#F4A460

Oranje

HEX: #F4A460
RGB: rgb(244, 164, 96)

seagreen

#2E8B57

Groen

HEX: #2E8B57
RGB: rgb(46, 139, 87)

seashell

#FFF5EE

Wit

HEX: #FFF5EE
RGB: rgb(255, 245, 238)

sienna

#A0522D

Bruin

HEX: #A0522D
RGB: rgb(160, 82, 45)

silver

#C0C0C0

Grijs

HEX: #C0C0C0
RGB: rgb(192, 192, 192)

skyblue

#87CEEB

Blauw

HEX: #87CEEB
RGB: rgb(135, 206, 235)

slateblue

#6A5ACD

Blauw

HEX: #6A5ACD
RGB: rgb(106, 90, 205)

slategray

#708090

Blauw

HEX: #708090
RGB: rgb(112, 128, 144)

slategrey

#708090

Blauw

HEX: #708090
RGB: rgb(112, 128, 144)

snow

#FFFAFA

Wit

HEX: #FFFAFA
RGB: rgb(255, 250, 250)

springgreen

#00FF7F

Groen

HEX: #00FF7F
RGB: rgb(0, 255, 127)

steelblue

#4682B4

Blauw

HEX: #4682B4
RGB: rgb(70, 130, 180)

tan

#D2B48C

Oranje

HEX: #D2B48C
RGB: rgb(210, 180, 140)

teal

#008080

Cyaan

HEX: #008080
RGB: rgb(0, 128, 128)

thistle

#D8BFD8

Roze

HEX: #D8BFD8
RGB: rgb(216, 191, 216)

tomato

#FF6347

Rood

HEX: #FF6347
RGB: rgb(255, 99, 71)

turquoise

#40E0D0

Cyaan

HEX: #40E0D0
RGB: rgb(64, 224, 208)

violet

#EE82EE

Roze

HEX: #EE82EE
RGB: rgb(238, 130, 238)

wheat

#F5DEB3

Oranje

HEX: #F5DEB3
RGB: rgb(245, 222, 179)

white

#FFFFFF

Wit

HEX: #FFFFFF
RGB: rgb(255, 255, 255)

whitesmoke

#F5F5F5

Wit

HEX: #F5F5F5
RGB: rgb(245, 245, 245)

yellow

#FFFF00

Geel

HEX: #FFFF00
RGB: rgb(255, 255, 0)

yellowgreen

#9ACD32

Groen

HEX: #9ACD32
RGB: rgb(154, 205, 50)

Wat zijn HTML-kleurnamen?

HTML-kleurnamen zijn vooraf gedefinieerde kleur-trefwoorden die je in CSS en HTML kunt gebruiken om kleuren op te geven zonder hexadecimale of RGB-waarden. Deze namen worden door alle moderne browsers ondersteund.

Basiskleuren: De oorspronkelijke 16 HTML-kleuren (zwart, wit, rood, groen, blauw, enz.) worden al sinds de vroegste HTML-versies ondersteund.

Uitgebreide kleuren: CSS3 introduceerde meer dan 140 benoemde kleuren, waaronder varianten als “aliceblue”, “coral”, “darkslategray” en nog veel meer.

Hoe deze lijst helpt

Gebruik zoeken om een CSS-kleur op naam of HEX-waarde te vinden, filter de lijst op kleurfamilie en vergelijk stalen voordat je een benoemde kleur in een stylesheet, design token of demo plakt.

Wanneer kleurnamen handig zijn

Kleurnamen zijn handig als je leesbare CSS, snelle prototypes of voorbeelden wilt die makkelijk te onthouden zijn. Gebruik simpelweg de kleurnaam in je CSS, bijvoorbeeld “color: tomato;” of “background-color: steelblue;”.