#314533
RGB ( 赤 = 49, 緑 = 69, 青 = 51 )
HSL ( 色相 = 126°, 彩度 = 17%, 明度 = 23% )
H : 色相 ( 126° )
(0°) 赤~黄~緑~青~紫 (359°)
6 : #453331 : -120
16 : #453631 : -110
26 : #453931 : -100
36 : #453d31 : -90
46 : #454031 : -80
56 : #454331 : -70
66 : #434531 : -60
76 : #3f4531 : -50
86 : #3c4531 : -40
96 : #394531 : -30
106 : #354531 : -20
116 : #324531 : -10
126 : #314533 : ±0
136 : #314536 : +10
146 : #314539 : +20
156 : #31453d : +30
166 : #314540 : +40
176 : #314543 : +50
186 : #314345 : +60
196 : #313f45 : +70
206 : #313c45 : +80
216 : #313945 : +90
226 : #313545 : +100
236 : #313245 : +110
246 : #333145 : +120
256 : #363145 : +130
266 : #393145 : +140
276 : #3d3145 : +150
286 : #403145 : +160
296 : #433145 : +170
306 : #453143 : +180
316 : #45313f : +190
326 : #45313c : +200
336 : #453139 : +210
346 : #453135 : +220
356 : #453132 : +230
116 : #324531 : -10
117 : #324531 : -9
118 : #314531 : -8
119 : #314531 : -7
120 : #314531 : -6
121 : #314531 : -5
122 : #314531 : -4
123 : #314532 : -3
124 : #314532 : -2
125 : #314532 : -1
126 : #314533 : ±0
127 : #314533 : +1
128 : #314533 : +2
129 : #314534 : +3
130 : #314534 : +4
131 : #314534 : +5
132 : #314535 : +6
133 : #314535 : +7
134 : #314535 : +8
135 : #314536 : +9
136 : #314536 : +10
S : 彩度 ( 17% )
(0%) 渋い ~ 鮮やか (100%)
1 : #3a3b3a : -16
3 : #393c39 : -14
5 : #383e38 : -12
7 : #373f37 : -10
9 : #354036 : -8
11 : #344135 : -6
13 : #334235 : -4
15 : #324334 : -2
17 : #314533 : ±0
19 : #304632 : +2
21 : #2e4731 : +4
23 : #2d4830 : +6
25 : #2c492f : +8
27 : #2b4a2e : +10
29 : #2a4c2d : +12
31 : #284d2c : +14
33 : #274e2b : +16
35 : #264f2a : +18
37 : #255029 : +20
39 : #245228 : +22
41 : #235327 : +24
43 : #215426 : +26
45 : #205526 : +28
47 : #1f5625 : +30
49 : #1e5724 : +32
51 : #1d5923 : +34
53 : #1c5a22 : +36
55 : #1a5b21 : +38
57 : #195c20 : +40
59 : #185d1f : +42
61 : #175e1e : +44
63 : #16601d : +46
65 : #15611c : +48
67 : #13621b : +50
69 : #12631a : +52
71 : #116419 : +54
73 : #106518 : +56
75 : #0f6717 : +58
77 : #0d6817 : +60
79 : #0c6916 : +62
81 : #0b6a15 : +64
83 : #0a6b14 : +66
85 : #096d13 : +68
87 : #086e12 : +70
89 : #066f11 : +72
91 : #057010 : +74
93 : #04710f : +76
95 : #03720e : +78
97 : #02740d : +80
99 : #01750c : +82
L : 明度 ( 23% )
(0%) 暗い ~ 明るい (100%)
1 : #020302 : -22
3 : #060907 : -20
5 : #0b0f0b : -18
7 : #0f150f : -16
9 : #131b14 : -14
11 : #172118 : -12
13 : #1c271d : -10
15 : #202d21 : -8
17 : #243325 : -6
19 : #28392a : -4
21 : #2c3f2e : -2
23 : #314533 : ±0
25 : #354b37 : +2
27 : #39513b : +4
29 : #3d5740 : +6
31 : #425c44 : +8
33 : #466249 : +10
35 : #4a684d : +12
37 : #4e6e52 : +14
39 : #537456 : +16
41 : #577a5a : +18
43 : #5b805f : +20
45 : #5f8663 : +22
47 : #638c68 : +24
49 : #68926c : +26
51 : #6d9771 : +28
53 : #739c77 : +30
55 : #79a07d : +32
57 : #7fa482 : +34
59 : #85a888 : +36
61 : #8bac8e : +38
63 : #91b194 : +40
65 : #97b59a : +42
67 : #9db99f : +44
69 : #a3bda5 : +46
71 : #a8c2ab : +48
73 : #aec6b1 : +50
75 : #b4cab7 : +52
77 : #bacebc : +54
79 : #c0d3c2 : +56
81 : #c6d7c8 : +58
83 : #ccdbce : +60
85 : #d2dfd4 : +62
87 : #d8e3d9 : +64
89 : #dee8df : +66
91 : #e4ece5 : +68
93 : #eaf0eb : +70
95 : #f0f4f1 : +72
97 : #f6f9f6 : +74
99 : #fcfdfc : +76
CSS入門、作ってます。
text-shadow