#42143f
RGB ( 赤 = 66, 緑 = 20, 青 = 63 )
HSL ( 色相 = 304°, 彩度 = 53%, 明度 = 17% )
H : 色相 ( 304° )
(0°) 赤~黄~緑~青~紫 (359°)
4 : #421714 : -300
14 : #421f14 : -290
24 : #422714 : -280
34 : #422e14 : -270
44 : #423614 : -260
54 : #423e14 : -250
64 : #3f4214 : -240
74 : #384214 : -230
84 : #304214 : -220
94 : #284214 : -210
104 : #214214 : -200
114 : #194214 : -190
124 : #144217 : -180
134 : #14421f : -170
144 : #144227 : -160
154 : #14422e : -150
164 : #144236 : -140
174 : #14423e : -130
184 : #143f42 : -120
194 : #143842 : -110
204 : #143042 : -100
214 : #142842 : -90
224 : #142142 : -80
234 : #141942 : -70
244 : #171442 : -60
254 : #1f1442 : -50
264 : #271442 : -40
274 : #2e1442 : -30
284 : #361442 : -20
294 : #3e1442 : -10
304 : #42143f : ±0
314 : #421438 : +10
324 : #421430 : +20
334 : #421428 : +30
344 : #421421 : +40
354 : #421419 : +50
294 : #3e1442 : -10
295 : #3e1442 : -9
296 : #3f1442 : -8
297 : #401442 : -7
298 : #411442 : -6
299 : #421442 : -5
300 : #421442 : -4
301 : #421442 : -3
302 : #421441 : -2
303 : #421440 : -1
304 : #42143f : ±0
305 : #42143e : +1
306 : #42143e : +2
307 : #42143d : +3
308 : #42143c : +4
309 : #42143b : +5
310 : #42143b : +6
311 : #42143a : +7
312 : #421439 : +8
313 : #421438 : +9
314 : #421438 : +10
S : 彩度 ( 53% )
(0%) 渋い ~ 鮮やか (100%)
1 : #2c2b2c : -52
3 : #2d2a2c : -50
5 : #2e292d : -48
7 : #2e282e : -46
9 : #2f272f : -44
11 : #30272f : -42
13 : #312630 : -40
15 : #322531 : -38
17 : #332432 : -36
19 : #342332 : -34
21 : #342233 : -32
23 : #352134 : -30
25 : #362135 : -28
27 : #372035 : -26
29 : #381f36 : -24
31 : #391e37 : -22
33 : #3a1d38 : -20
35 : #3b1c38 : -18
37 : #3b1b39 : -16
39 : #3c1a3a : -14
41 : #3d1a3b : -12
43 : #3e193c : -10
45 : #3f183c : -8
47 : #40173d : -6
49 : #41163e : -4
51 : #41153f : -2
53 : #42143f : ±0
55 : #431440 : +2
57 : #441341 : +4
59 : #451242 : +6
61 : #461142 : +8
63 : #471043 : +10
65 : #480f44 : +12
67 : #480e45 : +14
69 : #490d45 : +16
71 : #4a0d46 : +18
73 : #4b0c47 : +20
75 : #4c0b48 : +22
77 : #4d0a48 : +24
79 : #4e0949 : +26
81 : #4e084a : +28
83 : #4f074b : +30
85 : #50074b : +32
87 : #51064c : +34
89 : #52054d : +36
91 : #53044e : +38
93 : #54034e : +40
95 : #55024f : +42
97 : #550150 : +44
99 : #560051 : +46
L : 明度 ( 17% )
(0%) 暗い ~ 明るい (100%)
1 : #040104 : -16
3 : #0c040b : -14
5 : #140613 : -12
7 : #1b081a : -10
9 : #230b21 : -8
11 : #2b0d29 : -6
13 : #331030 : -4
15 : #3b1238 : -2
17 : #42143f : ±0
19 : #4a1747 : +2
21 : #52194e : +4
23 : #5a1c56 : +6
25 : #621e5d : +8
27 : #692064 : +10
29 : #71236c : +12
31 : #792573 : +14
33 : #81287b : +16
35 : #892a82 : +18
37 : #902c8a : +20
39 : #982f91 : +22
41 : #a03199 : +24
43 : #a834a0 : +26
45 : #b036a7 : +28
47 : #b738af : +30
49 : #bf3bb6 : +32
51 : #c440bb : +34
53 : #c748be : +36
55 : #c94fc1 : +38
57 : #cb57c4 : +40
59 : #ce5fc6 : +42
61 : #d067c9 : +44
63 : #d36fcc : +46
65 : #d576cf : +48
67 : #d77ed2 : +50
69 : #da86d4 : +52
71 : #dc8ed7 : +54
73 : #df96da : +56
75 : #e19ddd : +58
77 : #e3a5df : +60
79 : #e6ade2 : +62
81 : #e8b5e5 : +64
83 : #ebbde8 : +66
85 : #edc4ea : +68
87 : #efcced : +70
89 : #f2d4f0 : +72
91 : #f4dcf3 : +74
93 : #f7e4f5 : +76
95 : #f9ebf8 : +78
97 : #fbf3fb : +80
99 : #fefbfe : +82
CSS入門、作ってます。
text-shadow