#421a3a
RGB ( 赤 = 66, 緑 = 26, 青 = 58 )
HSL ( 色相 = 312°, 彩度 = 43%, 明度 = 18% )
H : 色相 ( 312° )
(0°) 赤~黄~緑~青~紫 (359°)
2 : #421b1a : -310
12 : #42221a : -300
22 : #42291a : -290
32 : #422f1a : -280
42 : #42361a : -270
52 : #423c1a : -260
62 : #40421a : -250
72 : #3a421a : -240
82 : #33421a : -230
92 : #2d421a : -220
102 : #26421a : -210
112 : #1f421a : -200
122 : #1a421b : -190
132 : #1a4222 : -180
142 : #1a4229 : -170
152 : #1a422f : -160
162 : #1a4236 : -150
172 : #1a423c : -140
182 : #1a4042 : -130
192 : #1a3a42 : -120
202 : #1a3342 : -110
212 : #1a2d42 : -100
222 : #1a2642 : -90
232 : #1a1f42 : -80
242 : #1b1a42 : -70
252 : #221a42 : -60
262 : #291a42 : -50
272 : #2f1a42 : -40
282 : #361a42 : -30
292 : #3c1a42 : -20
302 : #421a40 : -10
312 : #421a3a : ±0
322 : #421a33 : +10
332 : #421a2d : +20
342 : #421a26 : +30
352 : #421a1f : +40
302 : #421a40 : -10
303 : #421a40 : -9
304 : #421a3f : -8
305 : #421a3e : -7
306 : #421a3e : -6
307 : #421a3d : -5
308 : #421a3c : -4
309 : #421a3c : -3
310 : #421a3b : -2
311 : #421a3a : -1
312 : #421a3a : ±0
313 : #421a39 : +1
314 : #421a38 : +2
315 : #421a38 : +3
316 : #421a37 : +4
317 : #421a36 : +5
318 : #421a36 : +6
319 : #421a35 : +7
320 : #421a34 : +8
321 : #421a34 : +9
322 : #421a33 : +10
S : 彩度 ( 43% )
(0%) 渋い ~ 鮮やか (100%)
1 : #2e2d2e : -42
3 : #2f2d2f : -40
5 : #302c2f : -38
7 : #312b30 : -36
9 : #322a30 : -34
11 : #332931 : -32
13 : #342831 : -30
15 : #352732 : -28
17 : #362633 : -26
19 : #372533 : -24
21 : #382434 : -22
23 : #382334 : -20
25 : #392235 : -18
27 : #3a2235 : -16
29 : #3b2136 : -14
31 : #3c2036 : -12
33 : #3d1f37 : -10
35 : #3e1e38 : -8
37 : #3f1d38 : -6
39 : #401c39 : -4
41 : #411b39 : -2
43 : #421a3a : ±0
45 : #43193a : +2
47 : #43183b : +4
49 : #44173b : +6
51 : #45163c : +8
53 : #46163c : +10
55 : #47153d : +12
57 : #48143e : +14
59 : #49133e : +16
61 : #4a123f : +18
63 : #4b113f : +20
65 : #4c1040 : +22
67 : #4d0f40 : +24
69 : #4e0e41 : +26
71 : #4e0d41 : +28
73 : #4f0c42 : +30
75 : #500b43 : +32
77 : #510b43 : +34
79 : #520a44 : +36
81 : #530944 : +38
83 : #540845 : +40
85 : #550745 : +42
87 : #560646 : +44
89 : #570546 : +46
91 : #580447 : +48
93 : #590348 : +50
95 : #5a0248 : +52
97 : #5a0149 : +54
99 : #5b0049 : +56
L : 明度 ( 18% )
(0%) 暗い ~ 明るい (100%)
0 : #000000 : -18
2 : #070306 : -16
4 : #0f060d : -14
6 : #160913 : -12
8 : #1d0c1a : -10
10 : #240f20 : -8
12 : #2c1126 : -6
14 : #33142d : -4
16 : #3a1733 : -2
18 : #421a3a : ±0
20 : #491d40 : +2
22 : #502047 : +4
24 : #58234d : +6
26 : #5f2653 : +8
28 : #66295a : +10
30 : #6d2c60 : +12
32 : #752f67 : +14
34 : #7c316d : +16
36 : #833473 : +18
38 : #8b377a : +20
40 : #923a80 : +22
42 : #993d87 : +24
44 : #a0408d : +26
46 : #a84394 : +28
48 : #af469a : +30
50 : #b649a0 : +32
52 : #b950a4 : +34
54 : #bc57a8 : +36
56 : #bf5fac : +38
58 : #c266b0 : +40
60 : #c56db3 : +42
62 : #c874b7 : +44
64 : #cb7cbb : +46
66 : #ce83bf : +48
68 : #d08ac2 : +50
70 : #d392c6 : +52
72 : #d699ca : +54
74 : #d9a0ce : +56
76 : #dca7d2 : +58
78 : #dfafd5 : +60
80 : #e2b6d9 : +62
82 : #e5bddd : +64
84 : #e8c5e1 : +66
86 : #ebcce5 : +68
88 : #eed3e8 : +70
90 : #f0dbec : +72
92 : #f3e2f0 : +74
94 : #f6e9f4 : +76
96 : #f9f0f7 : +78
98 : #fcf8fb : +80
100 : #ffffff : +82
CSS入門、作ってます。
text-shadow