#323357
RGB ( 赤 = 50, 緑 = 51, 青 = 87 )
HSL ( 色相 = 238°, 彩度 = 27%, 明度 = 27% )
H : 色相 ( 238° )
(0°) 赤~黄~緑~青~紫 (359°)
8 : #573732 : -230
18 : #573d32 : -220
28 : #574432 : -210
38 : #574a32 : -200
48 : #575032 : -190
58 : #575632 : -180
68 : #525732 : -170
78 : #4c5732 : -160
88 : #465732 : -150
98 : #405732 : -140
108 : #3a5732 : -130
118 : #335732 : -120
128 : #325737 : -110
138 : #32573d : -100
148 : #325744 : -90
158 : #32574a : -80
168 : #325750 : -70
178 : #325756 : -60
188 : #325257 : -50
198 : #324c57 : -40
208 : #324657 : -30
218 : #324057 : -20
228 : #323a57 : -10
238 : #323357 : ±0
248 : #373257 : +10
258 : #3d3257 : +20
268 : #443257 : +30
278 : #4a3257 : +40
288 : #503257 : +50
298 : #563257 : +60
308 : #573252 : +70
318 : #57324c : +80
328 : #573246 : +90
338 : #573240 : +100
348 : #57323a : +110
358 : #573233 : +120
228 : #323a57 : -10
229 : #323957 : -9
230 : #323857 : -8
231 : #323857 : -7
232 : #323757 : -6
233 : #323757 : -5
234 : #323657 : -4
235 : #323557 : -3
236 : #323557 : -2
237 : #323457 : -1
238 : #323357 : ±0
239 : #323357 : +1
240 : #323257 : +2
241 : #333257 : +3
242 : #333257 : +4
243 : #343257 : +5
244 : #353257 : +6
245 : #353257 : +7
246 : #363257 : +8
247 : #373257 : +9
248 : #373257 : +10
S : 彩度 ( 27% )
(0%) 渋い ~ 鮮やか (100%)
1 : #444446 : -26
3 : #434347 : -24
5 : #414248 : -22
7 : #40404a : -20
9 : #3f3f4b : -18
11 : #3d3e4c : -16
13 : #3c3c4e : -14
15 : #3b3b4f : -12
17 : #393a51 : -10
19 : #383952 : -8
21 : #363753 : -6
23 : #353655 : -4
25 : #343556 : -2
27 : #323357 : ±0
29 : #313259 : +2
31 : #30315a : +4
33 : #2e305c : +6
35 : #2d2e5d : +8
37 : #2b2d5e : +10
39 : #2a2c60 : +12
41 : #292b61 : +14
43 : #272962 : +16
45 : #262864 : +18
47 : #242765 : +20
49 : #232567 : +22
51 : #222468 : +24
53 : #202369 : +26
55 : #1f226b : +28
57 : #1e206c : +30
59 : #1c1f6d : +32
61 : #1b1e6f : +34
63 : #191c70 : +36
65 : #181b72 : +38
67 : #171a73 : +40
69 : #151974 : +42
71 : #141776 : +44
73 : #131677 : +46
75 : #111578 : +48
77 : #10137a : +50
79 : #0e127b : +52
81 : #0d117d : +54
83 : #0c107e : +56
85 : #0a0e7f : +58
87 : #090d81 : +60
89 : #080c82 : +62
91 : #060a84 : +64
93 : #050985 : +66
95 : #030886 : +68
97 : #020788 : +70
99 : #010589 : +72
L : 明度 ( 27% )
(0%) 暗い ~ 明るい (100%)
1 : #020203 : -26
3 : #06060a : -24
5 : #090a10 : -22
7 : #0d0d17 : -20
9 : #11111d : -18
11 : #141524 : -16
13 : #18192a : -14
15 : #1c1d31 : -12
17 : #202037 : -10
19 : #23243e : -8
21 : #272844 : -6
23 : #2b2c4a : -4
25 : #2f3051 : -2
27 : #323357 : ±0
29 : #36375e : +2
31 : #3a3b64 : +4
33 : #3d3f6b : +6
35 : #414371 : +8
37 : #454778 : +10
39 : #494a7e : +12
41 : #4c4e85 : +14
43 : #50528b : +16
45 : #545692 : +18
47 : #575a98 : +20
49 : #5b5d9f : +22
51 : #6063a4 : +24
53 : #6769a8 : +26
55 : #6d6fab : +28
57 : #7476af : +30
59 : #7a7cb3 : +32
61 : #8182b6 : +34
63 : #8789ba : +36
65 : #8e8fbe : +38
67 : #9496c2 : +40
69 : #9b9cc5 : +42
71 : #a1a2c9 : +44
73 : #a8a9cd : +46
75 : #aeafd0 : +48
77 : #b5b6d4 : +50
79 : #bbbcd8 : +52
81 : #c1c2dc : +54
83 : #c8c9df : +56
85 : #cecfe3 : +58
87 : #d5d5e7 : +60
89 : #dbdceb : +62
91 : #e2e2ee : +64
93 : #e8e9f2 : +66
95 : #efeff6 : +68
97 : #f5f5f9 : +70
99 : #fcfcfd : +72
CSS入門、作ってます。
text-shadow