#462543
RGB ( 赤 = 70, 緑 = 37, 青 = 67 )
HSL ( 色相 = 305°, 彩度 = 31%, 明度 = 21% )
H : 色相 ( 305° )
(0°) 赤~黄~緑~青~紫 (359°)
5 : #462825 : -300
15 : #462d25 : -290
25 : #463325 : -280
35 : #463825 : -270
45 : #463e25 : -260
55 : #464325 : -250
65 : #434625 : -240
75 : #3e4625 : -230
85 : #384625 : -220
95 : #334625 : -210
105 : #2d4625 : -200
115 : #284625 : -190
125 : #254628 : -180
135 : #25462d : -170
145 : #254633 : -160
155 : #254638 : -150
165 : #25463e : -140
175 : #254643 : -130
185 : #254346 : -120
195 : #253e46 : -110
205 : #253846 : -100
215 : #253346 : -90
225 : #252d46 : -80
235 : #252846 : -70
245 : #282546 : -60
255 : #2d2546 : -50
265 : #332546 : -40
275 : #382546 : -30
285 : #3e2546 : -20
295 : #432546 : -10
305 : #462543 : ±0
315 : #46253e : +10
325 : #462538 : +20
335 : #462533 : +30
345 : #46252d : +40
355 : #462528 : +50
295 : #432546 : -10
296 : #442546 : -9
297 : #442546 : -8
298 : #452546 : -7
299 : #462546 : -6
300 : #462546 : -5
301 : #462546 : -4
302 : #462545 : -3
303 : #462544 : -2
304 : #462544 : -1
305 : #462543 : ±0
306 : #462543 : +1
307 : #462542 : +2
308 : #462542 : +3
309 : #462541 : +4
310 : #462541 : +5
311 : #462540 : +6
312 : #462540 : +7
313 : #46253f : +8
314 : #46253e : +9
315 : #46253e : +10
S : 彩度 ( 31% )
(0%) 渋い ~ 鮮やか (100%)
1 : #363536 : -30
3 : #373437 : -28
5 : #383338 : -26
7 : #393239 : -24
9 : #3a313a : -22
11 : #3b303a : -20
13 : #3d2f3b : -18
15 : #3e2e3c : -16
17 : #3f2c3d : -14
19 : #402b3e : -12
21 : #412a3f : -10
23 : #422940 : -8
25 : #432841 : -6
27 : #442742 : -4
29 : #452642 : -2
31 : #462543 : ±0
33 : #472444 : +2
35 : #482345 : +4
37 : #492246 : +6
39 : #4a2147 : +8
41 : #4c2048 : +10
43 : #4d1f49 : +12
45 : #4e1d4a : +14
47 : #4f1c4b : +16
49 : #501b4b : +18
51 : #511a4c : +20
53 : #52194d : +22
55 : #53184e : +24
57 : #54174f : +26
59 : #551650 : +28
61 : #561551 : +30
63 : #571452 : +32
65 : #581353 : +34
67 : #591253 : +36
69 : #5a1154 : +38
71 : #5c1055 : +40
73 : #5d0e56 : +42
75 : #5e0d57 : +44
77 : #5f0c58 : +46
79 : #600b59 : +48
81 : #610a5a : +50
83 : #62095b : +52
85 : #63085b : +54
87 : #64075c : +56
89 : #65065d : +58
91 : #66055e : +60
93 : #67045f : +62
95 : #680360 : +64
97 : #690261 : +66
99 : #6b0162 : +68
L : 明度 ( 21% )
(0%) 暗い ~ 明るい (100%)
1 : #030203 : -20
3 : #0a050a : -18
5 : #110910 : -16
7 : #170c16 : -14
9 : #1e101d : -12
11 : #251323 : -10
13 : #2b172a : -8
15 : #321a30 : -6
17 : #391e37 : -4
19 : #3f213d : -2
21 : #462543 : ±0
23 : #4d284a : +2
25 : #542c50 : +4
27 : #5a3057 : +6
29 : #61335d : +8
31 : #683763 : +10
33 : #6e3a6a : +12
35 : #753e70 : +14
37 : #7c4177 : +16
39 : #82457d : +18
41 : #894884 : +20
43 : #904c8a : +22
45 : #964f90 : +24
47 : #9d5397 : +26
49 : #a4569d : +28
51 : #a95ba2 : +30
53 : #ac62a6 : +32
55 : #b069aa : +34
57 : #b36fae : +36
59 : #b776b1 : +38
61 : #ba7db5 : +40
63 : #be83b9 : +42
65 : #c18abd : +44
67 : #c591c1 : +46
69 : #c897c4 : +48
71 : #cc9ec8 : +50
73 : #cfa5cc : +52
75 : #d3abd0 : +54
77 : #d7b2d4 : +56
79 : #dab9d7 : +58
81 : #dec0db : +60
83 : #e1c6df : +62
85 : #e5cde3 : +64
87 : #e8d4e6 : +66
89 : #ecdaea : +68
91 : #efe1ee : +70
93 : #f3e8f2 : +72
95 : #f6eef6 : +74
97 : #faf5f9 : +76
99 : #fdfcfd : +78
CSS入門、作ってます。
text-shadow