#453142
RGB ( 赤 = 69, 緑 = 49, 青 = 66 )
HSL ( 色相 = 309°, 彩度 = 17%, 明度 = 23% )
H : 色相 ( 309° )
(0°) 赤~黄~緑~青~紫 (359°)
9 : #453431 : -300
19 : #453731 : -290
29 : #453a31 : -280
39 : #453e31 : -270
49 : #454131 : -260
59 : #454431 : -250
69 : #424531 : -240
79 : #3e4531 : -230
89 : #3b4531 : -220
99 : #384531 : -210
109 : #344531 : -200
119 : #314531 : -190
129 : #314534 : -180
139 : #314537 : -170
149 : #31453a : -160
159 : #31453e : -150
169 : #314541 : -140
179 : #314544 : -130
189 : #314245 : -120
199 : #313e45 : -110
209 : #313b45 : -100
219 : #313845 : -90
229 : #313445 : -80
239 : #313145 : -70
249 : #343145 : -60
259 : #373145 : -50
269 : #3a3145 : -40
279 : #3e3145 : -30
289 : #413145 : -20
299 : #443145 : -10
309 : #453142 : ±0
319 : #45313e : +10
329 : #45313b : +20
339 : #453138 : +30
349 : #453134 : +40
359 : #453131 : +50
299 : #443145 : -10
300 : #453145 : -9
301 : #453144 : -8
302 : #453144 : -7
303 : #453144 : -6
304 : #453143 : -5
305 : #453143 : -4
306 : #453143 : -3
307 : #453142 : -2
308 : #453142 : -1
309 : #453142 : ±0
310 : #453141 : +1
311 : #453141 : +2
312 : #453141 : +3
313 : #453140 : +4
314 : #453140 : +5
315 : #453140 : +6
316 : #45313f : +7
317 : #45313f : +8
318 : #45313f : +9
319 : #45313e : +10
S : 彩度 ( 17% )
(0%) 渋い ~ 鮮やか (100%)
1 : #3b3a3b : -16
3 : #3c393c : -14
5 : #3e383d : -12
7 : #3f373e : -10
9 : #40353e : -8
11 : #41343f : -6
13 : #423340 : -4
15 : #433241 : -2
17 : #453142 : ±0
19 : #463042 : +2
21 : #472e43 : +4
23 : #482d44 : +6
25 : #492c45 : +8
27 : #4a2b46 : +10
29 : #4c2a47 : +12
31 : #4d2847 : +14
33 : #4e2748 : +16
35 : #4f2649 : +18
37 : #50254a : +20
39 : #52244b : +22
41 : #53234b : +24
43 : #54214c : +26
45 : #55204d : +28
47 : #561f4e : +30
49 : #571e4f : +32
51 : #591d50 : +34
53 : #5a1c50 : +36
55 : #5b1a51 : +38
57 : #5c1952 : +40
59 : #5d1853 : +42
61 : #5e1754 : +44
63 : #601655 : +46
65 : #611555 : +48
67 : #621356 : +50
69 : #631257 : +52
71 : #641158 : +54
73 : #651059 : +56
75 : #670f59 : +58
77 : #680d5a : +60
79 : #690c5b : +62
81 : #6a0b5c : +64
83 : #6b0a5d : +66
85 : #6d095e : +68
87 : #6e085e : +70
89 : #6f065f : +72
91 : #700560 : +74
93 : #710461 : +76
95 : #720362 : +78
97 : #740262 : +80
99 : #750163 : +82
L : 明度 ( 23% )
(0%) 暗い ~ 明るい (100%)
1 : #030203 : -22
3 : #090609 : -20
5 : #0f0b0e : -18
7 : #150f14 : -16
9 : #1b131a : -14
11 : #21171f : -12
13 : #271c25 : -10
15 : #2d202b : -8
17 : #332431 : -6
19 : #392836 : -4
21 : #3f2c3c : -2
23 : #453142 : ±0
25 : #4b3547 : +2
27 : #51394d : +4
29 : #573d53 : +6
31 : #5c4258 : +8
33 : #62465e : +10
35 : #684a64 : +12
37 : #6e4e6a : +14
39 : #74536f : +16
41 : #7a5775 : +18
43 : #805b7b : +20
45 : #865f80 : +22
47 : #8c6386 : +24
49 : #92688c : +26
51 : #976d91 : +28
53 : #9c7395 : +30
55 : #a0799a : +32
57 : #a47f9e : +34
59 : #a885a3 : +36
61 : #ac8ba7 : +38
63 : #b191ac : +40
65 : #b597b0 : +42
67 : #b99db5 : +44
69 : #bda3b9 : +46
71 : #c2a8be : +48
73 : #c6aec2 : +50
75 : #cab4c7 : +52
77 : #cebacb : +54
79 : #d3c0d0 : +56
81 : #d7c6d4 : +58
83 : #dbccd9 : +60
85 : #dfd2dd : +62
87 : #e3d8e2 : +64
89 : #e8dee6 : +66
91 : #ece4eb : +68
93 : #f0eaef : +70
95 : #f4f0f4 : +72
97 : #f9f6f8 : +74
99 : #fdfcfd : +76
CSS入門、作ってます。
text-shadow