#42198f
RGB ( 赤 = 66, 緑 = 25, 青 = 143 )
HSL ( 色相 = 261°, 彩度 = 70%, 明度 = 33% )
H : 色相 ( 261° )
(0°) 赤~黄~緑~青~紫 (359°)
1 : #8f1b19 : -260
11 : #8f2f19 : -250
21 : #8f4219 : -240
31 : #8f5619 : -230
41 : #8f6a19 : -220
51 : #8f7d19 : -210
61 : #8d8f19 : -200
71 : #798f19 : -190
81 : #668f19 : -180
91 : #528f19 : -170
101 : #3f8f19 : -160
111 : #2b8f19 : -150
121 : #198f1b : -140
131 : #198f2f : -130
141 : #198f42 : -120
151 : #198f56 : -110
161 : #198f6a : -100
171 : #198f7d : -90
181 : #198d8f : -80
191 : #19798f : -70
201 : #19668f : -60
211 : #19528f : -50
221 : #193f8f : -40
231 : #192b8f : -30
241 : #1b198f : -20
251 : #2f198f : -10
261 : #42198f : ±0
271 : #56198f : +10
281 : #6a198f : +20
291 : #7d198f : +30
301 : #8f198d : +40
311 : #8f1979 : +50
321 : #8f1966 : +60
331 : #8f1952 : +70
341 : #8f193f : +80
351 : #8f192b : +90
251 : #2f198f : -10
252 : #31198f : -9
253 : #33198f : -8
254 : #35198f : -7
255 : #37198f : -6
256 : #39198f : -5
257 : #3b198f : -4
258 : #3d198f : -3
259 : #3f198f : -2
260 : #41198f : -1
261 : #42198f : ±0
262 : #44198f : +1
263 : #46198f : +2
264 : #48198f : +3
265 : #4a198f : +4
266 : #4c198f : +5
267 : #4e198f : +6
268 : #50198f : +7
269 : #52198f : +8
270 : #54198f : +9
271 : #56198f : +10
S : 彩度 ( 70% )
(0%) 渋い ~ 鮮やか (100%)
0 : #545454 : -70
2 : #545256 : -68
4 : #535158 : -66
6 : #534f59 : -64
8 : #524d5b : -62
10 : #524c5d : -60
12 : #514a5e : -58
14 : #514860 : -56
16 : #504762 : -54
18 : #504563 : -52
20 : #4f4365 : -50
22 : #4f4267 : -48
24 : #4e4068 : -46
26 : #4e3e6a : -44
28 : #4d3d6c : -42
30 : #4d3b6d : -40
32 : #4c396f : -38
34 : #4c3871 : -36
36 : #4b3672 : -34
38 : #4b3474 : -32
40 : #4a3276 : -30
42 : #4a3177 : -28
44 : #492f79 : -26
46 : #492d7b : -24
48 : #482c7d : -22
50 : #482a7e : -20
52 : #472880 : -18
54 : #472782 : -16
56 : #462583 : -14
58 : #462385 : -12
60 : #452287 : -10
62 : #442088 : -8
64 : #441e8a : -6
66 : #431d8c : -4
68 : #431b8d : -2
70 : #42198f : ±0
72 : #421891 : +2
74 : #411692 : +4
76 : #411494 : +6
78 : #401396 : +8
80 : #401197 : +10
82 : #3f0f99 : +12
84 : #3f0d9b : +14
86 : #3e0c9d : +16
88 : #3e0a9e : +18
90 : #3d08a0 : +20
92 : #3d07a2 : +22
94 : #3c05a3 : +24
96 : #3c03a5 : +26
98 : #3b02a7 : +28
100 : #3b00a8 : +30
L : 明度 ( 33% )
(0%) 暗い ~ 明るい (100%)
1 : #020104 : -32
3 : #06020d : -30
5 : #0a0416 : -28
7 : #0e051e : -26
9 : #120727 : -24
11 : #160830 : -22
13 : #1a0a38 : -20
15 : #1e0b41 : -18
17 : #220d4a : -16
19 : #260f52 : -14
21 : #2a105b : -12
23 : #2e1264 : -10
25 : #32136c : -8
27 : #361575 : -6
29 : #3a167e : -4
31 : #3e1886 : -2
33 : #42198f : ±0
35 : #471b98 : +2
37 : #4b1ca0 : +4
39 : #4f1ea9 : +6
41 : #531fb2 : +8
43 : #5721ba : +10
45 : #5b22c3 : +12
47 : #5f24cc : +14
49 : #6325d4 : +16
51 : #682bda : +18
53 : #6e33db : +20
55 : #743cdd : +22
57 : #7a45de : +24
59 : #804de0 : +26
61 : #8756e1 : +28
63 : #8d5fe3 : +30
65 : #9367e4 : +32
67 : #9970e6 : +34
69 : #9f79e7 : +36
71 : #a681e9 : +38
73 : #ac8aea : +40
75 : #b293ec : +42
77 : #b89bed : +44
79 : #bea4ef : +46
81 : #c4adf0 : +48
83 : #cbb5f2 : +50
85 : #d1bef4 : +52
87 : #d7c7f5 : +54
89 : #ddcff7 : +56
91 : #e3d8f8 : +58
93 : #e9e1fa : +60
95 : #f0e9fb : +62
97 : #f6f2fd : +64
99 : #fcfbfe : +66
CSS入門、作ってます。
text-shadow