#381868
RGB ( 赤 = 56, 緑 = 24, 青 = 104 )
HSL ( 色相 = 264°, 彩度 = 63%, 明度 = 25% )
H : 色相 ( 264° )
(0°) 赤~黄~緑~青~紫 (359°)
4 : #681d18 : -260
14 : #682a18 : -250
24 : #683818 : -240
34 : #684518 : -230
44 : #685218 : -220
54 : #686018 : -210
64 : #636818 : -200
74 : #556818 : -190
84 : #486818 : -180
94 : #3a6818 : -170
104 : #2d6818 : -160
114 : #206818 : -150
124 : #18681d : -140
134 : #18682a : -130
144 : #186838 : -120
154 : #186845 : -110
164 : #186852 : -100
174 : #186860 : -90
184 : #186368 : -80
194 : #185568 : -70
204 : #184868 : -60
214 : #183a68 : -50
224 : #182d68 : -40
234 : #182068 : -30
244 : #1d1868 : -20
254 : #2a1868 : -10
264 : #381868 : ±0
274 : #451868 : +10
284 : #521868 : +20
294 : #601868 : +30
304 : #681863 : +40
314 : #681855 : +50
324 : #681848 : +60
334 : #68183a : +70
344 : #68182d : +80
354 : #681820 : +90
254 : #2a1868 : -10
255 : #2c1868 : -9
256 : #2d1868 : -8
257 : #2e1868 : -7
258 : #301868 : -6
259 : #311868 : -5
260 : #321868 : -4
261 : #341868 : -3
262 : #351868 : -2
263 : #361868 : -1
264 : #381868 : ±0
265 : #391868 : +1
266 : #3a1868 : +2
267 : #3c1868 : +3
268 : #3d1868 : +4
269 : #3e1868 : +5
270 : #401868 : +6
271 : #411868 : +7
272 : #421868 : +8
273 : #441868 : +9
274 : #451868 : +10
S : 彩度 ( 63% )
(0%) 渋い ~ 鮮やか (100%)
1 : #403f40 : -62
3 : #3f3e42 : -60
5 : #3f3d43 : -58
7 : #3f3b44 : -56
9 : #3f3a45 : -54
11 : #3e3947 : -52
13 : #3e3748 : -50
15 : #3e3649 : -48
17 : #3e354b : -46
19 : #3d344c : -44
21 : #3d324d : -42
23 : #3d314e : -40
25 : #3d3050 : -38
27 : #3c2f51 : -36
29 : #3c2d52 : -34
31 : #3c2c54 : -32
33 : #3c2b55 : -30
35 : #3b2956 : -28
37 : #3b2857 : -26
39 : #3b2759 : -24
41 : #3b265a : -22
43 : #3a245b : -20
45 : #3a235c : -18
47 : #3a225e : -16
49 : #3a215f : -14
51 : #391f60 : -12
53 : #391e62 : -10
55 : #391d63 : -8
57 : #381b64 : -6
59 : #381a65 : -4
61 : #381967 : -2
63 : #381868 : ±0
65 : #371669 : +2
67 : #37156a : +4
69 : #37146c : +6
71 : #37126d : +8
73 : #36116e : +10
75 : #361070 : +12
77 : #360f71 : +14
79 : #360d72 : +16
81 : #350c73 : +18
83 : #350b75 : +20
85 : #350a76 : +22
87 : #350877 : +24
89 : #340778 : +26
91 : #34067a : +28
93 : #34047b : +30
95 : #34037c : +32
97 : #33027e : +34
99 : #33017f : +36
L : 明度 ( 25% )
(0%) 暗い ~ 明るい (100%)
1 : #020104 : -24
3 : #07030c : -22
5 : #0b0515 : -20
7 : #10071d : -18
9 : #140825 : -16
11 : #190a2e : -14
13 : #1d0c36 : -12
15 : #210e3e : -10
17 : #261047 : -8
19 : #2a124f : -6
21 : #2f1457 : -4
23 : #331660 : -2
25 : #381868 : ±0
27 : #3c1970 : +2
29 : #411b79 : +4
31 : #451d81 : +6
33 : #4a1f89 : +8
35 : #4e2191 : +10
37 : #52239a : +12
39 : #5725a2 : +14
41 : #5b27aa : +16
43 : #6029b3 : +18
45 : #642abb : +20
47 : #692cc3 : +22
49 : #6d2ecc : +24
51 : #7233d1 : +26
53 : #783cd3 : +28
55 : #7e44d5 : +30
57 : #844cd6 : +32
59 : #8955d8 : +34
61 : #8f5dda : +36
63 : #9565dc : +38
65 : #9b6ede : +40
67 : #a076e0 : +42
69 : #a67ee2 : +44
71 : #ac86e4 : +46
73 : #b18fe6 : +48
75 : #b797e7 : +50
77 : #bd9fe9 : +52
79 : #c3a8eb : +54
81 : #c8b0ed : +56
83 : #ceb8ef : +58
85 : #d4c1f1 : +60
87 : #dac9f3 : +62
89 : #dfd1f5 : +64
91 : #e5daf7 : +66
93 : #ebe2f8 : +68
95 : #f1eafa : +70
97 : #f6f3fc : +72
99 : #fcfbfe : +74
CSS入門、作ってます。
text-shadow