#2d395d
RGB ( 赤 = 45, 緑 = 57, 青 = 93 )
HSL ( 色相 = 225°, 彩度 = 35%, 明度 = 27% )
H : 色相 ( 225° )
(0°) 赤~黄~緑~青~紫 (359°)
5 : #5d312d : -220
15 : #5d392d : -210
25 : #5d412d : -200
35 : #5d492d : -190
45 : #5d512d : -180
55 : #5d592d : -170
65 : #595d2d : -160
75 : #515d2d : -150
85 : #495d2d : -140
95 : #415d2d : -130
105 : #395d2d : -120
115 : #315d2d : -110
125 : #2d5d31 : -100
135 : #2d5d39 : -90
145 : #2d5d41 : -80
155 : #2d5d49 : -70
165 : #2d5d51 : -60
175 : #2d5d59 : -50
185 : #2d595d : -40
195 : #2d515d : -30
205 : #2d495d : -20
215 : #2d415d : -10
225 : #2d395d : ±0
235 : #2d315d : +10
245 : #312d5d : +20
255 : #392d5d : +30
265 : #412d5d : +40
275 : #492d5d : +50
285 : #512d5d : +60
295 : #592d5d : +70
305 : #5d2d59 : +80
315 : #5d2d51 : +90
325 : #5d2d49 : +100
335 : #5d2d41 : +110
345 : #5d2d39 : +120
355 : #5d2d31 : +130
215 : #2d415d : -10
216 : #2d405d : -9
217 : #2d3f5d : -8
218 : #2d3e5d : -7
219 : #2d3e5d : -6
220 : #2d3d5d : -5
221 : #2d3c5d : -4
222 : #2d3b5d : -3
223 : #2d3a5d : -2
224 : #2d3a5d : -1
225 : #2d395d : ±0
226 : #2d385d : +1
227 : #2d375d : +2
228 : #2d365d : +3
229 : #2d365d : +4
230 : #2d355d : +5
231 : #2d345d : +6
232 : #2d335d : +7
233 : #2d325d : +8
234 : #2d325d : +9
235 : #2d315d : +10
S : 彩度 ( 35% )
(0%) 渋い ~ 鮮やか (100%)
1 : #444546 : -34
3 : #434447 : -32
5 : #414348 : -30
7 : #40424a : -28
9 : #3f424b : -26
11 : #3d414c : -24
13 : #3c404e : -22
15 : #3b404f : -20
17 : #393f51 : -18
19 : #383e52 : -16
21 : #363e53 : -14
23 : #353d55 : -12
25 : #343c56 : -10
27 : #323c57 : -8
29 : #313b59 : -6
31 : #303a5a : -4
33 : #2e395c : -2
35 : #2d395d : ±0
37 : #2b385e : +2
39 : #2a3760 : +4
41 : #293761 : +6
43 : #273662 : +8
45 : #263564 : +10
47 : #243565 : +12
49 : #233467 : +14
51 : #223368 : +16
53 : #203369 : +18
55 : #1f326b : +20
57 : #1e316c : +22
59 : #1c316d : +24
61 : #1b306f : +26
63 : #192f70 : +28
65 : #182e72 : +30
67 : #172e73 : +32
69 : #152d74 : +34
71 : #142c76 : +36
73 : #132c77 : +38
75 : #112b78 : +40
77 : #102a7a : +42
79 : #0e2a7b : +44
81 : #0d297d : +46
83 : #0c287e : +48
85 : #0a287f : +50
87 : #092781 : +52
89 : #082682 : +54
91 : #062684 : +56
93 : #052585 : +58
95 : #032486 : +60
97 : #022388 : +62
99 : #012389 : +64
L : 明度 ( 27% )
(0%) 暗い ~ 明るい (100%)
1 : #020203 : -26
3 : #05060a : -24
5 : #080b11 : -22
7 : #0c0f18 : -20
9 : #0f131f : -18
11 : #121726 : -16
13 : #161b2d : -14
15 : #192034 : -12
17 : #1c243b : -10
19 : #1f2841 : -8
21 : #232c48 : -6
23 : #26304f : -4
25 : #293556 : -2
27 : #2d395d : ±0
29 : #303d64 : +2
31 : #33416b : +4
33 : #374572 : +6
35 : #3a4a78 : +8
37 : #3d4e7f : +10
39 : #415286 : +12
41 : #44568d : +14
43 : #475a94 : +16
45 : #4b5f9b : +18
47 : #4e63a2 : +20
49 : #5167a9 : +22
51 : #566cae : +24
53 : #5d72b1 : +26
55 : #6478b4 : +28
57 : #6b7eb8 : +30
59 : #7284bb : +32
61 : #798abe : +34
63 : #8090c2 : +36
65 : #8796c5 : +38
67 : #8d9cc8 : +40
69 : #94a2cc : +42
71 : #9ba8cf : +44
73 : #a2aed2 : +46
75 : #a9b4d6 : +48
77 : #b0bad9 : +50
79 : #b7c0dc : +52
81 : #bec6e0 : +54
83 : #c4cce3 : +56
85 : #cbd2e6 : +58
87 : #d2d8e9 : +60
89 : #d9deed : +62
91 : #e0e4f0 : +64
93 : #e7eaf3 : +66
95 : #eef0f7 : +68
97 : #f5f6fa : +70
99 : #fcfcfd : +72
CSS入門、作ってます。
text-shadow