#42153c
RGB ( 赤 = 66, 緑 = 21, 青 = 60 )
HSL ( 色相 = 308°, 彩度 = 52%, 明度 = 17% )
H : 色相 ( 308° )
(0°) 赤~黄~緑~青~紫 (359°)
8 : #421b15 : -300
18 : #422215 : -290
28 : #422a15 : -280
38 : #423115 : -270
48 : #423915 : -260
58 : #424015 : -250
68 : #3c4215 : -240
78 : #344215 : -230
88 : #2d4215 : -220
98 : #254215 : -210
108 : #1e4215 : -200
118 : #164215 : -190
128 : #15421b : -180
138 : #154222 : -170
148 : #15422a : -160
158 : #154231 : -150
168 : #154239 : -140
178 : #154240 : -130
188 : #153c42 : -120
198 : #153442 : -110
208 : #152d42 : -100
218 : #152542 : -90
228 : #151e42 : -80
238 : #151642 : -70
248 : #1b1542 : -60
258 : #221542 : -50
268 : #2a1542 : -40
278 : #311542 : -30
288 : #391542 : -20
298 : #401542 : -10
308 : #42153c : ±0
318 : #421534 : +10
328 : #42152d : +20
338 : #421525 : +30
348 : #42151e : +40
358 : #421516 : +50
298 : #401542 : -10
299 : #411542 : -9
300 : #421542 : -8
301 : #421541 : -7
302 : #421540 : -6
303 : #421540 : -5
304 : #42153f : -4
305 : #42153e : -3
306 : #42153d : -2
307 : #42153d : -1
308 : #42153c : ±0
309 : #42153b : +1
310 : #42153a : +2
311 : #42153a : +3
312 : #421539 : +4
313 : #421538 : +5
314 : #421537 : +6
315 : #421537 : +7
316 : #421536 : +8
317 : #421535 : +9
318 : #421534 : +10
S : 彩度 ( 52% )
(0%) 渋い ~ 鮮やか (100%)
0 : #2b2b2b : -52
2 : #2c2a2c : -50
4 : #2d2a2d : -48
6 : #2e292d : -46
8 : #2f282e : -44
10 : #30272f : -42
12 : #31262f : -40
14 : #312530 : -38
16 : #322430 : -36
18 : #332431 : -34
20 : #342332 : -32
22 : #352232 : -30
24 : #362133 : -28
26 : #372034 : -26
28 : #371f34 : -24
30 : #381e35 : -22
32 : #391d36 : -20
34 : #3a1d36 : -18
36 : #3b1c37 : -16
38 : #3c1b37 : -14
40 : #3d1a38 : -12
42 : #3e1939 : -10
44 : #3e1839 : -8
46 : #3f173a : -6
48 : #40173b : -4
50 : #41163b : -2
52 : #42153c : ±0
54 : #43143d : +2
56 : #44133d : +4
58 : #44123e : +6
60 : #45113e : +8
62 : #46103f : +10
64 : #471040 : +12
66 : #480f40 : +14
68 : #490e41 : +16
70 : #4a0d42 : +18
72 : #4b0c42 : +20
74 : #4b0b43 : +22
76 : #4c0a44 : +24
78 : #4d0a44 : +26
80 : #4e0945 : +28
82 : #4f0845 : +30
84 : #500746 : +32
86 : #510647 : +34
88 : #510547 : +36
90 : #520448 : +38
92 : #530349 : +40
94 : #540349 : +42
96 : #55024a : +44
98 : #56014b : +46
100 : #57004b : +48
L : 明度 ( 17% )
(0%) 暗い ~ 明るい (100%)
1 : #040104 : -16
3 : #0c040b : -14
5 : #130612 : -12
7 : #1b0919 : -10
9 : #230b20 : -8
11 : #2b0d27 : -6
13 : #32102e : -4
15 : #3a1235 : -2
17 : #42153c : ±0
19 : #4a1743 : +2
21 : #511a4a : +4
23 : #591c51 : +6
25 : #611f58 : +8
27 : #69215f : +10
29 : #702366 : +12
31 : #78266d : +14
33 : #802874 : +16
35 : #882b7b : +18
37 : #8f2d82 : +20
39 : #973089 : +22
41 : #9f3290 : +24
43 : #a73597 : +26
45 : #ae379f : +28
47 : #b63aa6 : +30
49 : #be3cad : +32
51 : #c341b2 : +34
53 : #c549b5 : +36
55 : #c851b8 : +38
57 : #ca58bb : +40
59 : #cd60be : +42
61 : #cf68c1 : +44
63 : #d270c5 : +46
65 : #d477c8 : +48
67 : #d77fcb : +50
69 : #d987ce : +52
71 : #dc8fd1 : +54
73 : #de96d4 : +56
75 : #e09ed8 : +58
77 : #e3a6db : +60
79 : #e5aede : +62
81 : #e8b5e1 : +64
83 : #eabde4 : +66
85 : #edc5e7 : +68
87 : #efcdea : +70
89 : #f2d4ee : +72
91 : #f4dcf1 : +74
93 : #f6e4f4 : +76
95 : #f9ecf7 : +78
97 : #fbf3fa : +80
99 : #fefbfd : +82
CSS入門、作ってます。
text-shadow