#4f348d
RGB ( 赤 = 79, 緑 = 52, 青 = 141 )
HSL ( 色相 = 258°, 彩度 = 46%, 明度 = 38% )
H : 色相 ( 258° )
(0°) 赤~黄~緑~青~紫 (359°)
8 : #8d4034 : -250
18 : #8d4f34 : -240
28 : #8d5e34 : -230
38 : #8d6d34 : -220
48 : #8d7c34 : -210
58 : #8d8b34 : -200
68 : #828d34 : -190
78 : #738d34 : -180
88 : #648d34 : -170
98 : #558d34 : -160
108 : #468d34 : -150
118 : #378d34 : -140
128 : #348d40 : -130
138 : #348d4f : -120
148 : #348d5e : -110
158 : #348d6d : -100
168 : #348d7c : -90
178 : #348d8b : -80
188 : #34828d : -70
198 : #34738d : -60
208 : #34648d : -50
218 : #34558d : -40
228 : #34468d : -30
238 : #34378d : -20
248 : #40348d : -10
258 : #4f348d : ±0
268 : #5e348d : +10
278 : #6d348d : +20
288 : #7c348d : +30
298 : #8b348d : +40
308 : #8d3482 : +50
318 : #8d3473 : +60
328 : #8d3464 : +70
338 : #8d3455 : +80
348 : #8d3446 : +90
358 : #8d3437 : +100
248 : #40348d : -10
249 : #42348d : -9
250 : #43348d : -8
251 : #45348d : -7
252 : #46348d : -6
253 : #48348d : -5
254 : #49348d : -4
255 : #4b348d : -3
256 : #4c348d : -2
257 : #4e348d : -1
258 : #4f348d : ±0
259 : #51348d : +1
260 : #52348d : +2
261 : #54348d : +3
262 : #55348d : +4
263 : #56348d : +5
264 : #58348d : +6
265 : #59348d : +7
266 : #5b348d : +8
267 : #5c348d : +9
268 : #5e348d : +10
S : 彩度 ( 46% )
(0%) 渋い ~ 鮮やか (100%)
0 : #606060 : -46
2 : #605f63 : -44
4 : #5f5d65 : -42
6 : #5f5b67 : -40
8 : #5e5969 : -38
10 : #5d576b : -36
12 : #5c556d : -34
14 : #5b536e : -32
16 : #5b5170 : -30
18 : #5a4f72 : -28
20 : #594e74 : -26
22 : #584c76 : -24
24 : #584a78 : -22
26 : #57487a : -20
28 : #56467c : -18
30 : #55447e : -16
32 : #544280 : -14
34 : #544082 : -12
36 : #533e84 : -10
38 : #523c86 : -8
40 : #513a88 : -6
42 : #51388a : -4
44 : #50368c : -2
46 : #4f348d : ±0
48 : #4e328f : +2
50 : #4e3091 : +4
52 : #4d2f93 : +6
54 : #4c2d95 : +8
56 : #4b2b97 : +10
58 : #4a2999 : +12
60 : #4a279b : +14
62 : #49259d : +16
64 : #48239f : +18
66 : #4721a1 : +20
68 : #471fa3 : +22
70 : #461da5 : +24
72 : #451ba7 : +26
74 : #4419a9 : +28
76 : #4317ab : +30
78 : #4315ac : +32
80 : #4213ae : +34
82 : #4111b0 : +36
84 : #4010b2 : +38
86 : #400eb4 : +40
88 : #3f0cb6 : +42
90 : #3e0ab8 : +44
92 : #3d08ba : +46
94 : #3c06bc : +48
96 : #3c04be : +50
98 : #3b02c0 : +52
100 : #3a00c2 : +54
L : 明度 ( 38% )
(0%) 暗い ~ 明るい (100%)
0 : #000000 : -38
2 : #040307 : -36
4 : #08060f : -34
6 : #0c0816 : -32
8 : #110b1e : -30
10 : #150e25 : -28
12 : #19112d : -26
14 : #1d1334 : -24
16 : #21163c : -22
18 : #251943 : -20
20 : #2a1c4a : -18
22 : #2e1e52 : -16
24 : #322159 : -14
26 : #362461 : -12
28 : #3a2768 : -10
30 : #3e2970 : -8
32 : #432c77 : -6
34 : #472f7f : -4
36 : #4b3286 : -2
38 : #4f348d : ±0
40 : #533795 : +2
42 : #573a9c : +4
44 : #5c3da4 : +6
46 : #603fab : +8
48 : #6442b3 : +10
50 : #6845ba : +12
52 : #6e4cbd : +14
54 : #7454c0 : +16
56 : #7a5bc2 : +18
58 : #8063c5 : +20
60 : #866ac8 : +22
62 : #8c72cb : +24
64 : #9279cd : +26
66 : #9880d0 : +28
68 : #9e88d3 : +30
70 : #a48fd6 : +32
72 : #aa97d8 : +34
74 : #b19edb : +36
76 : #b7a6de : +38
78 : #bdade1 : +40
80 : #c3b5e3 : +42
82 : #c9bce6 : +44
84 : #cfc3e9 : +46
86 : #d5cbec : +48
88 : #dbd2ee : +50
90 : #e1daf1 : +52
92 : #e7e1f4 : +54
94 : #ede9f7 : +56
96 : #f3f0f9 : +58
98 : #f9f8fc : +60
100 : #ffffff : +62
CSS入門、作ってます。
text-shadow