#005c1d
RGB
赤 | 0 |
---|---|
緑 | 92 |
青 | 29 |
HSL
色相 | 139° |
---|---|
彩度 | 100% |
明度 | 18% |
輝度 | 22% |
3桁の色
補色
反転色
色の名前 (丸角は、色コード)
RGB ( 赤 = 0, 緑 = 92, 青 = 29 )
HSL ( 色相 = 139°, 彩度 = 100%, 明度 = 18% )
H : 色相 ( 139° )
(0°) 赤~黄~緑~青~紫 (359°)
9 : #5c0e00 : -130
19 : #5c1d00 : -120
29 : #5c2c00 : -110
39 : #5c3c00 : -100
49 : #5c4b00 : -90
59 : #5c5a00 : -80
69 : #4e5c00 : -70
79 : #3f5c00 : -60
89 : #2f5c00 : -50
99 : #205c00 : -40
109 : #115c00 : -30
119 : #025c00 : -20
129 : #005c0e : -10
139 : #005c1d : ±0
149 : #005c2c : +10
159 : #005c3c : +20
169 : #005c4b : +30
179 : #005c5a : +40
189 : #004e5c : +50
199 : #003f5c : +60
209 : #002f5c : +70
219 : #00205c : +80
229 : #00115c : +90
239 : #00025c : +100
249 : #0e005c : +110
259 : #1d005c : +120
269 : #2c005c : +130
279 : #3c005c : +140
289 : #4b005c : +150
299 : #5a005c : +160
309 : #5c004e : +170
319 : #5c003f : +180
329 : #5c002f : +190
339 : #5c0020 : +200
349 : #5c0011 : +210
359 : #5c0002 : +220
129 : #005c0e : -10
130 : #005c0f : -9
131 : #005c11 : -8
132 : #005c12 : -7
133 : #005c14 : -6
134 : #005c15 : -5
135 : #005c17 : -4
136 : #005c18 : -3
137 : #005c1a : -2
138 : #005c1c : -1
139 : #005c1d : ±0
140 : #005c1f : +1
141 : #005c20 : +2
142 : #005c22 : +3
143 : #005c23 : +4
144 : #005c25 : +5
145 : #005c26 : +6
146 : #005c28 : +7
147 : #005c29 : +8
148 : #005c2b : +9
149 : #005c2c : +10
S : 彩度 ( 100% )
(0%) 渋い ~ 鮮やか (100%)
0 : #2d2d2d : -100
2 : #2d2f2e : -98
4 : #2c302d : -96
6 : #2b312d : -94
8 : #2a322d : -92
10 : #29322c : -90
12 : #28332c : -88
14 : #27342c : -86
16 : #27352b : -84
18 : #26362b : -82
20 : #25372b : -80
22 : #24382a : -78
24 : #23392a : -76
26 : #223a2a : -74
28 : #213b29 : -72
30 : #203c29 : -70
32 : #1f3d29 : -68
34 : #1e3e28 : -66
36 : #1d3e28 : -64
38 : #1c3f28 : -62
40 : #1c4027 : -60
42 : #1b4127 : -58
44 : #1a4226 : -56
46 : #194326 : -54
48 : #184426 : -52
50 : #174525 : -50
52 : #164625 : -48
54 : #154725 : -46
56 : #144824 : -44
58 : #134924 : -42
60 : #124924 : -40
62 : #114a23 : -38
64 : #114b23 : -36
66 : #104c23 : -34
68 : #0f4d22 : -32
70 : #0e4e22 : -30
72 : #0d4f22 : -28
74 : #0c5021 : -26
76 : #0b5121 : -24
78 : #0a5221 : -22
80 : #095320 : -20
82 : #085420 : -18
84 : #075420 : -16
86 : #06551f : -14
88 : #06561f : -12
90 : #05571f : -10
92 : #04581e : -8
94 : #03591e : -6
96 : #025a1e : -4
98 : #015b1d : -2
100 : #005c1d : ±0
L : 明度 ( 18% )
(0%) 暗い ~ 明るい (100%)
0 : #000000 : -18
2 : #000a03 : -16
4 : #001406 : -14
6 : #001f0a : -12
8 : #00290d : -10
10 : #003310 : -8
12 : #003d13 : -6
14 : #004717 : -4
16 : #00521a : -2
18 : #005c1d : ±0
20 : #006620 : +2
22 : #007024 : +4
24 : #007a27 : +6
26 : #00852a : +8
28 : #008f2d : +10
30 : #009930 : +12
32 : #00a334 : +14
34 : #00ad37 : +16
36 : #00b83a : +18
38 : #00c23d : +20
40 : #00cc41 : +22
42 : #00d644 : +24
44 : #00e047 : +26
46 : #00eb4a : +28
48 : #00f54e : +30
50 : #00ff51 : +32
52 : #0aff58 : +34
54 : #14ff5f : +36
56 : #1fff66 : +38
58 : #29ff6d : +40
60 : #33ff74 : +42
62 : #3dff7b : +44
64 : #47ff82 : +46
66 : #52ff89 : +48
68 : #5cff8f : +50
70 : #66ff96 : +52
72 : #70ff9d : +54
74 : #7affa4 : +56
76 : #85ffab : +58
78 : #8fffb2 : +60
80 : #99ffb9 : +62
82 : #a3ffc0 : +64
84 : #adffc7 : +66
86 : #b8ffce : +68
88 : #c2ffd5 : +70
90 : #ccffdc : +72
92 : #d6ffe3 : +74
94 : #e0ffea : +76
96 : #ebfff1 : +78
98 : #f5fff8 : +80
100 : #ffffff : +82
CSS入門、作ってます。
text-shadow