#7ac945
RGB
| 赤 | 122 |
|---|---|
| 緑 | 201 |
| 青 | 69 |
HSL
| 色相 | 96° |
|---|---|
| 彩度 | 55% |
| 明度 | 53% |
| 輝度 | 64% |
３桁の色
補色
反転色
RGB ( 赤 = 122, 緑 = 201, 青 = 69 )
HSL ( 色相 = 96°, 彩度 = 55%, 明度 = 53% )
H : 色相 ( 96° )
(0°) 赤～黄～緑～青～紫 (359°)
6 : #c95245 : -90
16 : #c96845 : -80
26 : #c97e45 : -70
36 : #c99445 : -60
46 : #c9aa45 : -50
56 : #c9c045 : -40
66 : #bcc945 : -30
76 : #a6c945 : -20
86 : #90c945 : -10
96 : #7ac945 : ±0
106 : #64c945 : +10
116 : #4ec945 : +20
126 : #45c952 : +30
136 : #45c968 : +40
146 : #45c97e : +50
156 : #45c994 : +60
166 : #45c9aa : +70
176 : #45c9c0 : +80
186 : #45bcc9 : +90
196 : #45a6c9 : +100
206 : #4590c9 : +110
216 : #457ac9 : +120
226 : #4564c9 : +130
236 : #454ec9 : +140
246 : #5245c9 : +150
256 : #6845c9 : +160
266 : #7e45c9 : +170
276 : #9445c9 : +180
286 : #aa45c9 : +190
296 : #c045c9 : +200
306 : #c945bc : +210
316 : #c945a6 : +220
326 : #c94590 : +230
336 : #c9457a : +240
346 : #c94564 : +250
356 : #c9454e : +260
86 : #90c945 : -10
87 : #8ec945 : -9
88 : #8cc945 : -8
89 : #89c945 : -7
90 : #87c945 : -6
91 : #85c945 : -5
92 : #83c945 : -4
93 : #81c945 : -3
94 : #7ec945 : -2
95 : #7cc945 : -1
96 : #7ac945 : ±0
97 : #78c945 : +1
98 : #76c945 : +2
99 : #73c945 : +3
100 : #71c945 : +4
101 : #6fc945 : +5
102 : #6dc945 : +6
103 : #6bc945 : +7
104 : #68c945 : +8
105 : #66c945 : +9
106 : #64c945 : +10
S : 彩度 ( 55% )
(0%) 渋い ～ 鮮やか (100%)
1 : #878886 : -54
3 : #868b84 : -52
5 : #868d81 : -50
7 : #85907f : -48
9 : #85927c : -46
11 : #85947a : -44
13 : #849778 : -42
15 : #849975 : -40
17 : #839c73 : -38
19 : #839e70 : -36
21 : #82a06e : -34
23 : #82a36c : -32
25 : #81a569 : -30
27 : #81a867 : -28
29 : #80aa64 : -26
31 : #80ac62 : -24
33 : #7faf60 : -22
35 : #7fb15d : -20
37 : #7eb35b : -18
39 : #7eb658 : -16
41 : #7db856 : -14
43 : #7dbb54 : -12
45 : #7cbd51 : -10
47 : #7cbf4f : -8
49 : #7bc24c : -6
51 : #7bc44a : -4
53 : #7ac748 : -2
55 : #7ac945 : ±0
57 : #79cb43 : +2
59 : #79ce40 : +4
61 : #79d03e : +6
63 : #78d33c : +8
65 : #78d539 : +10
67 : #77d737 : +12
69 : #77da34 : +14
71 : #76dc32 : +16
73 : #76df30 : +18
75 : #75e12d : +20
77 : #75e32b : +22
79 : #74e628 : +24
81 : #74e826 : +26
83 : #73eb24 : +28
85 : #73ed21 : +30
87 : #72ef1f : +32
89 : #72f21c : +34
91 : #71f41a : +36
93 : #71f718 : +38
95 : #70f915 : +40
97 : #70fb13 : +42
99 : #6ffe10 : +44
L : 明度 ( 53% )
(0%) 暗い ～ 明るい (100%)
1 : #020401 : -52
3 : #070c03 : -50
5 : #0b1406 : -48
7 : #101c08 : -46
9 : #14240a : -44
11 : #192b0d : -42
13 : #1e330f : -40
15 : #223b11 : -38
17 : #274314 : -36
19 : #2b4b16 : -34
21 : #305318 : -32
23 : #345b1a : -30
25 : #39631d : -28
27 : #3d6b1f : -26
29 : #427321 : -24
31 : #467b24 : -22
33 : #4b8226 : -20
35 : #4f8a28 : -18
37 : #54922a : -16
39 : #599a2d : -14
41 : #5da22f : -12
43 : #62aa31 : -10
45 : #66b234 : -8
47 : #6bba36 : -6
49 : #6fc238 : -4
51 : #74c73d : -2
53 : #7ac945 : ±0
55 : #80cb4d : +2
57 : #85ce55 : +4
59 : #8bd05d : +6
61 : #91d265 : +8
63 : #96d56d : +10
65 : #9cd775 : +12
67 : #a2d97d : +14
69 : #a7db84 : +16
71 : #adde8c : +18
73 : #b3e094 : +20
75 : #b8e29c : +22
77 : #bee5a4 : +24
79 : #c4e7ac : +26
81 : #c9e9b4 : +28
83 : #cfebbc : +30
85 : #d5eec4 : +32
87 : #daf0cc : +34
89 : #e0f2d4 : +36
91 : #e6f5db : +38
93 : #ebf7e3 : +40
95 : #f1f9eb : +42
97 : #f7fcf3 : +44
99 : #fcfefb : +46
CSS入門、作ってます。
text-shadow