#314537
RGB ( 赤 = 49, 緑 = 69, 青 = 55 )
HSL ( 色相 = 138°, 彩度 = 17%, 明度 = 23% )
H : 色相 ( 138° )
(0°) 赤~黄~緑~青~紫 (359°)
8 : #453331 : -130
18 : #453731 : -120
28 : #453a31 : -110
38 : #453d31 : -100
48 : #454131 : -90
58 : #454431 : -80
68 : #424531 : -70
78 : #3f4531 : -60
88 : #3b4531 : -50
98 : #384531 : -40
108 : #354531 : -30
118 : #314531 : -20
128 : #314533 : -10
138 : #314537 : ±0
148 : #31453a : +10
158 : #31453d : +20
168 : #314541 : +30
178 : #314544 : +40
188 : #314245 : +50
198 : #313f45 : +60
208 : #313b45 : +70
218 : #313845 : +80
228 : #313545 : +90
238 : #313145 : +100
248 : #333145 : +110
258 : #373145 : +120
268 : #3a3145 : +130
278 : #3d3145 : +140
288 : #413145 : +150
298 : #443145 : +160
308 : #453142 : +170
318 : #45313f : +180
328 : #45313b : +190
338 : #453138 : +200
348 : #453135 : +210
358 : #453131 : +220
128 : #314533 : -10
129 : #314534 : -9
130 : #314534 : -8
131 : #314534 : -7
132 : #314535 : -6
133 : #314535 : -5
134 : #314535 : -4
135 : #314536 : -3
136 : #314536 : -2
137 : #314536 : -1
138 : #314537 : ±0
139 : #314537 : +1
140 : #314537 : +2
141 : #314538 : +3
142 : #314538 : +4
143 : #314538 : +5
144 : #314539 : +6
145 : #314539 : +7
146 : #314539 : +8
147 : #31453a : +9
148 : #31453a : +10
S : 彩度 ( 17% )
(0%) 渋い ~ 鮮やか (100%)
1 : #3a3b3a : -16
3 : #393c3a : -14
5 : #383e39 : -12
7 : #373f39 : -10
9 : #354039 : -8
11 : #344138 : -6
13 : #334238 : -4
15 : #324337 : -2
17 : #314537 : ±0
19 : #304636 : +2
21 : #2e4736 : +4
23 : #2d4835 : +6
25 : #2c4935 : +8
27 : #2b4a34 : +10
29 : #2a4c34 : +12
31 : #284d33 : +14
33 : #274e33 : +16
35 : #264f32 : +18
37 : #255032 : +20
39 : #245232 : +22
41 : #235331 : +24
43 : #215431 : +26
45 : #205530 : +28
47 : #1f5630 : +30
49 : #1e572f : +32
51 : #1d592f : +34
53 : #1c5a2e : +36
55 : #1a5b2e : +38
57 : #195c2d : +40
59 : #185d2d : +42
61 : #175e2c : +44
63 : #16602c : +46
65 : #15612b : +48
67 : #13622b : +50
69 : #12632a : +52
71 : #11642a : +54
73 : #10652a : +56
75 : #0f6729 : +58
77 : #0d6829 : +60
79 : #0c6928 : +62
81 : #0b6a28 : +64
83 : #0a6b27 : +66
85 : #096d27 : +68
87 : #086e26 : +70
89 : #066f26 : +72
91 : #057025 : +74
93 : #047125 : +76
95 : #037224 : +78
97 : #027424 : +80
99 : #017523 : +82
L : 明度 ( 23% )
(0%) 暗い ~ 明るい (100%)
1 : #020302 : -22
3 : #060907 : -20
5 : #0b0f0c : -18
7 : #0f1511 : -16
9 : #131b15 : -14
11 : #17211a : -12
13 : #1c271f : -10
15 : #202d24 : -8
17 : #243328 : -6
19 : #28392d : -4
21 : #2c3f32 : -2
23 : #314537 : ±0
25 : #354b3b : +2
27 : #395140 : +4
29 : #3d5745 : +6
31 : #425c4a : +8
33 : #46624e : +10
35 : #4a6853 : +12
37 : #4e6e58 : +14
39 : #53745d : +16
41 : #577a61 : +18
43 : #5b8066 : +20
45 : #5f866b : +22
47 : #638c70 : +24
49 : #689274 : +26
51 : #6d977a : +28
53 : #739c7f : +30
55 : #79a084 : +32
57 : #7fa48a : +34
59 : #85a88f : +36
61 : #8bac95 : +38
63 : #91b19a : +40
65 : #97b5a0 : +42
67 : #9db9a5 : +44
69 : #a3bdab : +46
71 : #a8c2b0 : +48
73 : #aec6b5 : +50
75 : #b4cabb : +52
77 : #bacec0 : +54
79 : #c0d3c6 : +56
81 : #c6d7cb : +58
83 : #ccdbd1 : +60
85 : #d2dfd6 : +62
87 : #d8e3dc : +64
89 : #dee8e1 : +66
91 : #e4ece6 : +68
93 : #eaf0ec : +70
95 : #f0f4f1 : +72
97 : #f6f9f7 : +74
99 : #fcfdfc : +76
CSS入門、作ってます。
text-shadow