#343755
RGB ( 赤 = 52, 緑 = 55, 青 = 85 )
HSL ( 色相 = 235°, 彩度 = 24%, 明度 = 27% )
H : 色相 ( 235° )
(0°) 赤~黄~緑~青~紫 (359°)
5 : #553734 : -230
15 : #553d34 : -220
25 : #554234 : -210
35 : #554834 : -200
45 : #554d34 : -190
55 : #555334 : -180
65 : #535534 : -170
75 : #4d5534 : -160
85 : #485534 : -150
95 : #425534 : -140
105 : #3d5534 : -130
115 : #375534 : -120
125 : #345537 : -110
135 : #34553d : -100
145 : #345542 : -90
155 : #345548 : -80
165 : #34554d : -70
175 : #345553 : -60
185 : #345355 : -50
195 : #344d55 : -40
205 : #344855 : -30
215 : #344255 : -20
225 : #343d55 : -10
235 : #343755 : ±0
245 : #373455 : +10
255 : #3d3455 : +20
265 : #423455 : +30
275 : #483455 : +40
285 : #4d3455 : +50
295 : #533455 : +60
305 : #553453 : +70
315 : #55344d : +80
325 : #553448 : +90
335 : #553442 : +100
345 : #55343d : +110
355 : #553437 : +120
225 : #343d55 : -10
226 : #343c55 : -9
227 : #343b55 : -8
228 : #343b55 : -7
229 : #343a55 : -6
230 : #343a55 : -5
231 : #343955 : -4
232 : #343955 : -3
233 : #343855 : -2
234 : #343855 : -1
235 : #343755 : ±0
236 : #343755 : +1
237 : #343655 : +2
238 : #343555 : +3
239 : #343555 : +4
240 : #343455 : +5
241 : #353455 : +6
242 : #353455 : +7
243 : #363455 : +8
244 : #373455 : +9
245 : #373455 : +10
S : 彩度 ( 24% )
(0%) 渋い ~ 鮮やか (100%)
0 : #444444 : -24
2 : #434446 : -22
4 : #424348 : -20
6 : #414149 : -18
8 : #3f404a : -16
10 : #3e3f4c : -14
12 : #3d3e4d : -12
14 : #3b3d4e : -10
16 : #3a3c50 : -8
18 : #383b51 : -6
20 : #373953 : -4
22 : #363854 : -2
24 : #343755 : ±0
26 : #333657 : +2
28 : #323558 : +4
30 : #30345a : +6
32 : #2f325b : +8
34 : #2d315c : +10
36 : #2c305e : +12
38 : #2b2f5f : +14
40 : #292e60 : +16
42 : #282d62 : +18
44 : #272c63 : +20
46 : #252a65 : +22
48 : #242966 : +24
50 : #222867 : +26
52 : #212769 : +28
54 : #20266a : +30
56 : #1e256b : +32
58 : #1d246d : +34
60 : #1c226e : +36
62 : #1a2170 : +38
64 : #192071 : +40
66 : #171f72 : +42
68 : #161e74 : +44
70 : #151d75 : +46
72 : #131c76 : +48
74 : #121a78 : +50
76 : #111979 : +52
78 : #0f187b : +54
80 : #0e177c : +56
82 : #0c167d : +58
84 : #0b157f : +60
86 : #0a1480 : +62
88 : #081281 : +64
90 : #071183 : +66
92 : #061084 : +68
94 : #040f86 : +70
96 : #030e87 : +72
98 : #010d88 : +74
100 : #000b8a : +76
L : 明度 ( 27% )
(0%) 暗い ~ 明るい (100%)
1 : #020203 : -26
3 : #060609 : -24
5 : #0a0a10 : -22
7 : #0e0e16 : -20
9 : #11121c : -18
11 : #151623 : -16
13 : #191b29 : -14
15 : #1d1f2f : -12
17 : #212336 : -10
19 : #25273c : -8
21 : #292b42 : -6
23 : #2d2f49 : -4
25 : #30334f : -2
27 : #343755 : ±0
29 : #383b5c : +2
31 : #3c3f62 : +4
33 : #404368 : +6
35 : #44476f : +8
37 : #484b75 : +10
39 : #4c507b : +12
41 : #4f5482 : +14
43 : #535888 : +16
45 : #575c8e : +18
47 : #5b6095 : +20
49 : #5f649b : +22
51 : #6469a0 : +24
53 : #6a6fa4 : +26
55 : #7175a8 : +28
57 : #777bac : +30
59 : #7d82b0 : +32
61 : #8488b3 : +34
63 : #8a8eb7 : +36
65 : #9094bb : +38
67 : #979abf : +40
69 : #9da0c3 : +42
71 : #a3a6c7 : +44
73 : #aaaccb : +46
75 : #b0b3cf : +48
77 : #b6b9d2 : +50
79 : #bdbfd6 : +52
81 : #c3c5da : +54
83 : #c9cbde : +56
85 : #d0d1e2 : +58
87 : #d6d7e6 : +60
89 : #dcddea : +62
91 : #e3e3ee : +64
93 : #e9eaf1 : +66
95 : #eff0f5 : +68
97 : #f6f6f9 : +70
99 : #fcfcfd : +72
CSS入門、作ってます。
text-shadow