#46a225
RGB
| 赤 | 70 |
|---|---|
| 緑 | 162 |
| 青 | 37 |
HSL
| 色相 | 104° |
|---|---|
| 彩度 | 63% |
| 明度 | 39% |
| 輝度 | 47% |
３桁の色
補色
反転色
色の名前 （丸角は、色コード）
RGB ( 赤 = 70, 緑 = 162, 青 = 37 )
HSL ( 色相 = 104°, 彩度 = 63%, 明度 = 39% )
H : 色相 ( 104° )
(0°) 赤～黄～緑～青～紫 (359°)
4 : #a22d25 : -100
14 : #a24225 : -90
24 : #a25725 : -80
34 : #a26c25 : -70
44 : #a28125 : -60
54 : #a29625 : -50
64 : #9aa225 : -40
74 : #85a225 : -30
84 : #70a225 : -20
94 : #5ba225 : -10
104 : #46a225 : ±0
114 : #31a225 : +10
124 : #25a22d : +20
134 : #25a242 : +30
144 : #25a257 : +40
154 : #25a26c : +50
164 : #25a281 : +60
174 : #25a296 : +70
184 : #259aa2 : +80
194 : #2585a2 : +90
204 : #2570a2 : +100
214 : #255ba2 : +110
224 : #2546a2 : +120
234 : #2531a2 : +130
244 : #2d25a2 : +140
254 : #4225a2 : +150
264 : #5725a2 : +160
274 : #6c25a2 : +170
284 : #8125a2 : +180
294 : #9625a2 : +190
304 : #a2259a : +200
314 : #a22585 : +210
324 : #a22570 : +220
334 : #a2255b : +230
344 : #a22546 : +240
354 : #a22531 : +250
94 : #5ba225 : -10
95 : #59a225 : -9
96 : #57a225 : -8
97 : #55a225 : -7
98 : #53a225 : -6
99 : #51a225 : -5
100 : #4fa225 : -4
101 : #4ca225 : -3
102 : #4aa225 : -2
103 : #48a225 : -1
104 : #46a225 : ±0
105 : #44a225 : +1
106 : #42a225 : +2
107 : #40a225 : +3
108 : #3ea225 : +4
109 : #3ca225 : +5
110 : #3aa225 : +6
111 : #38a225 : +7
112 : #36a225 : +8
113 : #33a225 : +9
114 : #31a225 : +10
S : 彩度 ( 63% )
(0%) 渋い ～ 鮮やか (100%)
1 : #636462 : -62
3 : #626660 : -60
5 : #61685e : -58
7 : #606a5c : -56
9 : #5f6c5a : -54
11 : #5e6e59 : -52
13 : #5d7057 : -50
15 : #5c7255 : -48
17 : #5c7453 : -46
19 : #5b7651 : -44
21 : #5a784f : -42
23 : #597a4d : -40
25 : #587c4b : -38
27 : #577e49 : -36
29 : #568047 : -34
31 : #558245 : -32
33 : #548443 : -30
35 : #538641 : -28
37 : #52883f : -26
39 : #518a3d : -24
41 : #508c3b : -22
43 : #4f8e39 : -20
45 : #4f9037 : -18
47 : #4e9235 : -16
49 : #4d9433 : -14
51 : #4c9631 : -12
53 : #4b982f : -10
55 : #4a9a2d : -8
57 : #499c2b : -6
59 : #489e29 : -4
61 : #47a027 : -2
63 : #46a225 : ±0
65 : #45a423 : +2
67 : #44a621 : +4
69 : #43a81f : +6
71 : #42aa1d : +8
73 : #42ac1b : +10
75 : #41ae19 : +12
77 : #40b017 : +14
79 : #3fb215 : +16
81 : #3eb413 : +18
83 : #3db611 : +20
85 : #3cb80f : +22
87 : #3bba0d : +24
89 : #3abc0b : +26
91 : #39be09 : +28
93 : #38c007 : +30
95 : #37c205 : +32
97 : #36c403 : +34
99 : #36c601 : +36
L : 明度 ( 39% )
(0%) 暗い ～ 明るい (100%)
1 : #020401 : -38
3 : #050c03 : -36
5 : #091505 : -34
7 : #0d1d07 : -32
9 : #102508 : -30
11 : #142e0a : -28
13 : #17360c : -26
15 : #1b3e0e : -24
17 : #1f4710 : -22
19 : #224f12 : -20
21 : #265714 : -18
23 : #296016 : -16
25 : #2d6818 : -14
27 : #317019 : -12
29 : #34791b : -10
31 : #38811d : -8
33 : #3b891f : -6
35 : #3f9121 : -4
37 : #439a23 : -2
39 : #46a225 : ±0
41 : #4aaa27 : +2
43 : #4db329 : +4
45 : #51bb2a : +6
47 : #55c32c : +8
49 : #58cc2e : +10
51 : #5dd133 : +12
53 : #64d33c : +14
55 : #6bd544 : +16
57 : #71d64c : +18
59 : #78d855 : +20
61 : #7eda5d : +22
63 : #85dc65 : +24
65 : #8cde6e : +26
67 : #92e076 : +28
69 : #99e27e : +30
71 : #9fe486 : +32
73 : #a6e68f : +34
75 : #ade797 : +36
77 : #b3e99f : +38
79 : #baeba8 : +40
81 : #c0edb0 : +42
83 : #c7efb8 : +44
85 : #cef1c1 : +46
87 : #d4f3c9 : +48
89 : #dbf5d1 : +50
91 : #e1f7da : +52
93 : #e8f8e2 : +54
95 : #effaea : +56
97 : #f5fcf3 : +58
99 : #fcfefb : +60
CSS入門、作ってます。
text-shadow