색상 도구
CSS 영어 색상 이름을 Hex 값으로 검색하는 도구
aliceblue
#f0f8ff
rgb(208,100,97)
antiquewhite
#faebd7
rgb(34,78,91)
aqua / cyan
#00ffff
rgb(180,100,50)
aquamarine
#7fffd4
rgb(160,100,75)
azure
#f0ffff
rgb(180,100,97)
beige
#f5f5dc
rgb(60,56,91)
bisque
#ffe4c4
rgb(33,100,88)
black
#000000
rgb(0,0,0)
blanchedalmond
#ffebcd
rgb(36,100,90)
blue
#0000ff
rgb(240,100,50)
blueviolet
#8a2be2
rgb(271,76,53)
brown
#a52a2a
rgb(0,59,41)
burlywood
#deb887
rgb(34,57,70)
cadetblue
#5f9ea0
rgb(182,25,50)
chartreuse
#7fff00
rgb(90,100,50)
chocolate
#d2691e
rgb(25,75,47)
coral
#ff7f50
rgb(16,100,66)
cornflowerblue
#6495ed
rgb(219,79,66)
cornsilk
#fff8dc
rgb(48,100,93)
crimson
#dc143c
rgb(348,83,47)
darkblue
#00008b
rgb(240,100,27)
darkcyan
#008b8b
rgb(180,100,27)
darkgoldenrod
#b8860b
rgb(43,89,38)
darkgray
#a9a9a9
rgb(0,0,66)
darkgreen
#006400
rgb(120,100,20)
darkkhaki
#bdb76b
rgb(56,38,58)
darkmagenta
#8b008b
rgb(300,100,27)
darkolivegreen
#556b2f
rgb(82,39,30)
darkorange
#ff8c00
rgb(33,100,50)
darkorchid
#9932cc
rgb(280,61,50)
darkred
#8b0000
rgb(0,100,27)
darksalmon
#e9967a
rgb(15,72,70)
darkseagreen
#8fbc8f
rgb(120,25,65)
darkslateblue
#483d8b
rgb(248,39,39)
darkslategray
#2f4f4f
rgb(180,25,25)
darkturquoise
#00ced1
rgb(181,100,41)
darkviolet
#9400d3
rgb(282,100,41)
deeppink
#ff1493
rgb(328,100,54)
deepskyblue
#00bfff
rgb(195,100,50)
dimgray
#696969
rgb(0,0,41)
dodgerblue
#1e90ff
rgb(210,100,56)
firebrick (Fire Brick)
#b22222
rgb(0,68,42)
floralwhite
#fffaf0
rgb(40,100,97)
forestgreen
#228b22
rgb(120,61,34)
fuchsia / magenta
#ff00ff
rgb(300,100,50)
gainsboro
#dcdcdc
rgb(0,0,86)
ghostwhite
#f8f8ff
rgb(240,100,99)
gold
#ffd700
rgb(51,100,50)
goldenrod
#daa520
rgb(43,74,49)
gray
#808080
rgb(0,0,50)
green
#008000
rgb(120,100,25)
greenyellow
#adff2f
rgb(84,100,59)
honeydew
#f0fff0
rgb(120,100,97)
hotpink
#ff69b4
rgb(330,100,71)
indianred
#cd5c5c
rgb(0,53,58)
indigo
#4b0082
rgb(275,100,25)
ivory
#fffff0
rgb(60,100,97)
khaki
#f0e68c
rgb(54,77,75)
lavender
#e6e6fa
rgb(240,67,94)
lavenderblush
#fff0f5
rgb(340,100,97)
lawngreen
#7cfc00
rgb(90,100,49)
lemonchiffon
#fffacd
rgb(54,100,90)
lightblue
#add8e6
rgb(195,53,79)
lightcoral
#f08080
rgb(0,79,72)
lightcyan
#e0ffff
rgb(180,100,94)
lightgoldenrodyellow
#fafad2
rgb(60,80,90)
lightgray
#d3d3d3
rgb(0,0,83)
lightgreen
#90ee90
rgb(120,73,75)
lightpink
#ffb6c1
rgb(351,100,86)
lightsalmon
#ffa07a
rgb(17,100,74)
lightseagreen
#20b2aa
rgb(177,70,41)
lightskyblue
#87cefa
rgb(203,92,75)
lightslategray
#778899
rgb(210,14,53)
lightsteelblue
#b0c4de
rgb(214,41,78)
lightyellow
#ffffe0
rgb(60,100,94)
lime
#00ff00
rgb(120,100,50)
limegreen
#32cd32
rgb(120,61,50)
linen
#faf0e6
rgb(30,67,94)
maroon
#800000
rgb(0,100,25)
mediumaquamarine
#66cdaa
rgb(160,51,60)
mediumblue
#0000cd
rgb(240,100,40)
mediumorchid
#ba55d3
rgb(288,59,58)
mediumpurple
#9370db
rgb(260,60,65)
mediumseagreen
#3cb371
rgb(147,50,47)
mediumslateblue
#7b68ee
rgb(249,80,67)
mediumspringgreen
#00fa9a
rgb(157,100,49)
mediumturquoise
#48d1cc
rgb(178,60,55)
mediumvioletred
#c71585
rgb(322,81,43)
midnightblue
#191970
rgb(240,64,27)
mintcream
#f5fffa
rgb(150,100,98)
mistyrose
#ffe4e1
rgb(6,100,94)
moccasin
#ffe4b5
rgb(38,100,85)
navajowhite
#ffdead
rgb(36,100,84)
navy
#000080
rgb(240,100,25)
oldlace
#fdf5e6
rgb(39,85,95)
olive
#808000
rgb(60,100,25)
olivedrab
#6b8e23
rgb(80,60,35)
orange
#ffa500
rgb(39,100,50)
orangered
#ff4500
rgb(16,100,50)
orchid
#da70d6
rgb(302,59,65)
palegoldenrod
#eee8aa
rgb(55,67,80)
palegreen
#98fb98
rgb(120,93,79)
paleturquoise
#afeeee
rgb(180,65,81)
palevioletred
#db7093
rgb(340,60,65)
papayawhip
#ffefd5
rgb(37,100,92)
peachpuff
#ffdab9
rgb(28,100,86)
peru
#cd853f
rgb(30,59,53)
pink
#ffc0cb
rgb(350,100,88)
plum
#dda0dd
rgb(300,47,75)
powderblue
#b0e0e6
rgb(187,52,80)
purple
#800080
rgb(300,100,25)
red
#ff0000
rgb(0,100,50)
rosybrown
#bc8f8f
rgb(0,25,65)
royalblue
#4169e1
rgb(225,73,57)
saddlebrown
#8b4513
rgb(25,76,31)
salmon
#fa8072
rgb(6,93,71)
sandybrown
#f4a460
rgb(28,87,67)
seagreen
#2e8b57
rgb(146,50,36)
seashell
#fff5ee
rgb(25,100,97)
sienna
#a0522d
rgb(19,56,40)
silver
#c0c0c0
rgb(0,0,75)
skyblue
#87ceeb
rgb(197,71,73)
slateblue
#6a5acd
rgb(248,53,58)
slategray
#708090
rgb(210,13,50)
snow
#fffafa
rgb(0,100,99)
springgreen
#00ff7f
rgb(150,100,50)
steelblue
#4682b4
rgb(207,44,49)
tan
#d2b48c
rgb(34,44,69)
teal
#008080
rgb(180,100,25)
thistle
#d8bfd8
rgb(300,24,80)
tomato
#ff6347
rgb(9,100,64)
turquoise
#40e0d0
rgb(174,72,56)
violet
#ee82ee
rgb(300,76,72)
wheat
#f5deb3
rgb(39,77,83)
white
#ffffff
rgb(0,0,100)
whitesmoke
#f5f5f5
rgb(0,0,96)
yellow
#ffff00
rgb(60,100,50)
yellowgreen
#9acd32
rgb(80,61,50)
도구 소개
CSS 색상 Hex 검색 도구는 CSS에서 직접 영어로 설정된 색상의 Hex 값을 쿼리하기 위한 유틸리티입니다. Hex 색상 코드 또는 색상 이름을 입력하여 색상을 검색할 수 있습니다. 이 도구는 또한 색상, 채도, 명도별로 정렬하는 기능을 제공합니다. 직접 사용할 수 있는 CSS 색상 이름과 해당 값들을 찾을 수 있습니다.
사용 방법:
1. 입력 상자에 검색하려는 HEX 색상 코드 또는 색상 이름을 입력하세요.
2. 정렬 버튼을 사용하여 색상, 채도, 또는 명도별로 정렬하세요.
장점:
- 사용자 친화적: 직관적인 인터페이스로 색상을 쉽게 찾을 수 있습니다.
- 유연한 정렬 옵션: 다양한 기준으로 색상을 정렬할 수 있어 원하는 것을 쉽게 찾을 수 있습니다.
주의 사항:
- 유효한 HEX 색상 코드 또는 색상 이름을 입력하세요.
- 정렬 기능은 색상의 HSL 값에 기반합니다.
이 도구가 유용하다고 생각되면 북마크하고 공유해 주세요. 감사합니다!