#12166c
RGB ( 赤 = 18, 緑 = 22, 青 = 108 )
HSL ( 色相 = 237°, 彩度 = 71%, 明度 = 25% )
H : 色相 ( 237° )
(0°) 赤~黄~緑~青~紫 (359°)
7 : #6d1d12 : -230
17 : #6d2c12 : -220
27 : #6d3b12 : -210
37 : #6d4a12 : -200
47 : #6d5912 : -190
57 : #6d6812 : -180
67 : #626d12 : -170
77 : #536d12 : -160
87 : #446d12 : -150
97 : #356d12 : -140
107 : #266d12 : -130
117 : #176d12 : -120
127 : #126d1d : -110
137 : #126d2c : -100
147 : #126d3b : -90
157 : #126d4a : -80
167 : #126d59 : -70
177 : #126d68 : -60
187 : #12626d : -50
197 : #12536d : -40
207 : #12446d : -30
217 : #12356d : -20
227 : #12266d : -10
237 : #12176d : ±0
247 : #1d126d : +10
257 : #2c126d : +20
267 : #3b126d : +30
277 : #4a126d : +40
287 : #59126d : +50
297 : #68126d : +60
307 : #6d1262 : +70
317 : #6d1253 : +80
327 : #6d1244 : +90
337 : #6d1235 : +100
347 : #6d1226 : +110
357 : #6d1217 : +120
227 : #12266d : -10
228 : #12256d : -9
229 : #12236d : -8
230 : #12226d : -7
231 : #12206d : -6
232 : #121f6d : -5
233 : #121d6d : -4
234 : #121c6d : -3
235 : #121a6d : -2
236 : #12196d : -1
237 : #12176d : ±0
238 : #12166d : +1
239 : #12146d : +2
240 : #12126d : +3
241 : #14126d : +4
242 : #16126d : +5
243 : #17126d : +6
244 : #19126d : +7
245 : #1a126d : +8
246 : #1c126d : +9
247 : #1d126d : +10
S : 彩度 ( 71% )
(0%) 渋い ~ 鮮やか (100%)
1 : #3f3f40 : -70
3 : #3e3e42 : -68
5 : #3d3d43 : -66
7 : #3b3c44 : -64
9 : #3a3b45 : -62
11 : #393947 : -60
13 : #373848 : -58
15 : #363749 : -56
17 : #35364b : -54
19 : #34354c : -52
21 : #32344d : -50
23 : #31334e : -48
25 : #303150 : -46
27 : #2f3051 : -44
29 : #2d2f52 : -42
31 : #2c2e54 : -40
33 : #2b2d55 : -38
35 : #292c56 : -36
37 : #282b57 : -34
39 : #272959 : -32
41 : #26285a : -30
43 : #24275b : -28
45 : #23265c : -26
47 : #22255e : -24
49 : #21245f : -22
51 : #1f2260 : -20
53 : #1e2162 : -18
55 : #1d2063 : -16
57 : #1b1f64 : -14
59 : #1a1e65 : -12
61 : #191d67 : -10
63 : #181c68 : -8
65 : #161a69 : -6
67 : #15196a : -4
69 : #14186c : -2
71 : #12176d : ±0
73 : #11166e : +2
75 : #101570 : +4
77 : #0f1471 : +6
79 : #0d1272 : +8
81 : #0c1173 : +10
83 : #0b1075 : +12
85 : #0a0f76 : +14
87 : #080e77 : +16
89 : #070d78 : +18
91 : #060c7a : +20
93 : #040a7b : +22
95 : #03097c : +24
97 : #02087e : +26
99 : #01077f : +28
L : 明度 ( 25% )
(0%) 暗い ~ 明るい (100%)
1 : #010104 : -24
3 : #02030d : -22
5 : #040516 : -20
7 : #05061f : -18
9 : #070827 : -16
11 : #080a30 : -14
13 : #0a0c39 : -12
15 : #0b0e41 : -10
17 : #0d104a : -8
19 : #0e1153 : -6
21 : #10135c : -4
23 : #111564 : -2
25 : #12176d : ±0
27 : #141976 : +2
29 : #151b7e : +4
31 : #171d87 : +6
33 : #181e90 : +8
35 : #1a2099 : +10
37 : #1b22a1 : +12
39 : #1d24aa : +14
41 : #1e26b3 : +16
43 : #2028bc : +18
45 : #2129c4 : +20
47 : #232bcd : +22
49 : #242dd6 : +24
51 : #2932db : +26
53 : #323bdc : +28
55 : #3b43de : +30
57 : #434bdf : +32
59 : #4c54e1 : +34
61 : #555ce2 : +36
63 : #5e64e4 : +38
65 : #666de5 : +40
67 : #6f75e7 : +42
69 : #787de8 : +44
71 : #8186ea : +46
73 : #898eeb : +48
75 : #9297ed : +50
77 : #9b9fee : +52
79 : #a3a7ef : +54
81 : #acb0f1 : +56
83 : #b5b8f2 : +58
85 : #bec0f4 : +60
87 : #c6c9f5 : +62
89 : #cfd1f7 : +64
91 : #d8d9f8 : +66
93 : #e0e2fa : +68
95 : #e9eafb : +70
97 : #f2f2fd : +72
99 : #fbfbfe : +74
CSS入門、作ってます。
text-shadow