#420444
RGB ( 赤 = 66, 緑 = 4, 青 = 68 )
HSL ( 色相 = 298°, 彩度 = 89%, 明度 = 14% )
H : 色相 ( 298° )
(0°) 赤~黄~緑~青~紫 (359°)
8 : #430c04 : -290
18 : #431704 : -280
28 : #432204 : -270
38 : #432c04 : -260
48 : #433704 : -250
58 : #434104 : -240
68 : #3b4304 : -230
78 : #304304 : -220
88 : #264304 : -210
98 : #1b4304 : -200
108 : #114304 : -190
118 : #064304 : -180
128 : #04430c : -170
138 : #044317 : -160
148 : #044322 : -150
158 : #04432c : -140
168 : #044337 : -130
178 : #044341 : -120
188 : #043b43 : -110
198 : #043043 : -100
208 : #042643 : -90
218 : #041b43 : -80
228 : #041143 : -70
238 : #040643 : -60
248 : #0c0443 : -50
258 : #170443 : -40
268 : #220443 : -30
278 : #2c0443 : -20
288 : #370443 : -10
298 : #410443 : ±0
308 : #43043b : +10
318 : #430430 : +20
328 : #430426 : +30
338 : #43041b : +40
348 : #430411 : +50
358 : #430406 : +60
288 : #370443 : -10
289 : #380443 : -9
290 : #390443 : -8
291 : #3a0443 : -7
292 : #3b0443 : -6
293 : #3c0443 : -5
294 : #3d0443 : -4
295 : #3e0443 : -3
296 : #3f0443 : -2
297 : #400443 : -1
298 : #410443 : ±0
299 : #420443 : +1
300 : #430443 : +2
301 : #430442 : +3
302 : #430441 : +4
303 : #430440 : +5
304 : #43043f : +6
305 : #43043e : +7
306 : #43043d : +8
307 : #43043c : +9
308 : #43043b : +10
S : 彩度 ( 89% )
(0%) 渋い ~ 鮮やか (100%)
1 : #242324 : -88
3 : #252325 : -86
5 : #252225 : -84
7 : #262126 : -82
9 : #272027 : -80
11 : #272028 : -78
13 : #281f28 : -76
15 : #291e29 : -74
17 : #291e2a : -72
19 : #2a1d2a : -70
21 : #2b1c2b : -68
23 : #2b1b2c : -66
25 : #2c1b2d : -64
27 : #2d1a2d : -62
29 : #2d192e : -60
31 : #2e192f : -58
33 : #2f182f : -56
35 : #2f1730 : -54
37 : #301631 : -52
39 : #311632 : -50
41 : #311532 : -48
43 : #321433 : -46
45 : #331434 : -44
47 : #331334 : -42
49 : #341235 : -40
51 : #351136 : -38
53 : #351137 : -36
55 : #361037 : -34
57 : #370f38 : -32
59 : #370f39 : -30
61 : #380e39 : -28
63 : #390d3a : -26
65 : #390c3b : -24
67 : #3a0c3c : -22
69 : #3b0b3c : -20
71 : #3b0a3d : -18
73 : #3c0a3e : -16
75 : #3d093e : -14
77 : #3d083f : -12
79 : #3e0740 : -10
81 : #3f0741 : -8
83 : #3f0641 : -6
85 : #400542 : -4
87 : #410543 : -2
89 : #410443 : ±0
91 : #420344 : +2
93 : #430245 : +4
95 : #430246 : +6
97 : #440146 : +8
99 : #450047 : +10
L : 明度 ( 14% )
(0%) 暗い ~ 明るい (100%)
0 : #000000 : -14
2 : #09010a : -12
4 : #130113 : -10
6 : #1c021d : -8
8 : #250227 : -6
10 : #2f0330 : -4
12 : #38033a : -2
14 : #410443 : ±0
16 : #4b044d : +2
18 : #540557 : +4
20 : #5d0660 : +6
22 : #67066a : +8
24 : #700774 : +10
26 : #79077d : +12
28 : #830887 : +14
30 : #8c0891 : +16
32 : #95099a : +18
34 : #9f0aa4 : +20
36 : #a80aae : +22
38 : #b10bb7 : +24
40 : #bb0bc1 : +26
42 : #c40cca : +28
44 : #cd0cd4 : +30
46 : #d70dde : +32
48 : #e00de7 : +34
50 : #e90ef1 : +36
52 : #ea18f2 : +38
54 : #eb21f2 : +40
56 : #ec2bf3 : +42
58 : #ed35f3 : +44
60 : #ee3ef4 : +46
62 : #ef48f4 : +48
64 : #ef51f5 : +50
66 : #f05bf5 : +52
68 : #f165f6 : +54
70 : #f26ef7 : +56
72 : #f378f7 : +58
74 : #f482f8 : +60
76 : #f58bf8 : +62
78 : #f695f9 : +64
80 : #f69ff9 : +66
82 : #f7a8fa : +68
84 : #f8b2fb : +70
86 : #f9bcfb : +72
88 : #fac5fc : +74
90 : #fbcffc : +76
92 : #fcd8fd : +78
94 : #fce2fd : +80
96 : #fdecfe : +82
98 : #fef5fe : +84
100 : #ffffff : +86
CSS入門、作ってます。
text-shadow