#73c975
RGB
赤 | 115 |
---|---|
緑 | 201 |
青 | 117 |
HSL
色相 | 121° |
---|---|
彩度 | 44% |
明度 | 62% |
輝度 | 65% |
3桁の色
補色
反転色
RGB ( 赤 = 115, 緑 = 201, 青 = 117 )
HSL ( 色相 = 121°, 彩度 = 44%, 明度 = 62% )
H : 色相 ( 121° )
(0°) 赤~黄~緑~青~紫 (359°)
1 : #c97573 : -120
11 : #c98373 : -110
21 : #c99173 : -100
31 : #c9a073 : -90
41 : #c9ae73 : -80
51 : #c9bc73 : -70
61 : #c7c973 : -60
71 : #b9c973 : -50
81 : #abc973 : -40
91 : #9dc973 : -30
101 : #8ec973 : -20
111 : #80c973 : -10
121 : #73c975 : ±0
131 : #73c983 : +10
141 : #73c991 : +20
151 : #73c9a0 : +30
161 : #73c9ae : +40
171 : #73c9bc : +50
181 : #73c7c9 : +60
191 : #73b9c9 : +70
201 : #73abc9 : +80
211 : #739dc9 : +90
221 : #738ec9 : +100
231 : #7380c9 : +110
241 : #7573c9 : +120
251 : #8373c9 : +130
261 : #9173c9 : +140
271 : #a073c9 : +150
281 : #ae73c9 : +160
291 : #bc73c9 : +170
301 : #c973c7 : +180
311 : #c973b9 : +190
321 : #c973ab : +200
331 : #c9739d : +210
341 : #c9738e : +220
351 : #c97380 : +230
111 : #80c973 : -10
112 : #7fc973 : -9
113 : #7dc973 : -8
114 : #7cc973 : -7
115 : #7bc973 : -6
116 : #79c973 : -5
117 : #78c973 : -4
118 : #76c973 : -3
119 : #75c973 : -2
120 : #73c973 : -1
121 : #73c975 : ±0
122 : #73c976 : +1
123 : #73c978 : +2
124 : #73c979 : +3
125 : #73c97b : +4
126 : #73c97c : +5
127 : #73c97d : +6
128 : #73c97f : +7
129 : #73c980 : +8
130 : #73c982 : +9
131 : #73c983 : +10
S : 彩度 ( 44% )
(0%) 渋い ~ 鮮やか (100%)
0 : #9e9e9e : -44
2 : #9ca09c : -42
4 : #9aa29a : -40
6 : #98a498 : -38
8 : #96a697 : -36
10 : #94a895 : -34
12 : #92aa93 : -32
14 : #91ac91 : -30
16 : #8fae8f : -28
18 : #8db08d : -26
20 : #8bb18b : -24
22 : #89b389 : -22
24 : #87b588 : -20
26 : #85b786 : -18
28 : #83b984 : -16
30 : #81bb82 : -14
32 : #7fbd80 : -12
34 : #7dbf7e : -10
36 : #7bc17c : -8
38 : #79c37b : -6
40 : #77c579 : -4
42 : #75c777 : -2
44 : #73c975 : ±0
46 : #72cb73 : +2
48 : #70cd71 : +4
50 : #6ecf6f : +6
52 : #6cd06d : +8
54 : #6ad26c : +10
56 : #68d46a : +12
58 : #66d668 : +14
60 : #64d866 : +16
62 : #62da64 : +18
64 : #60dc62 : +20
66 : #5ede60 : +22
68 : #5ce05e : +24
70 : #5ae25d : +26
72 : #58e45b : +28
74 : #56e659 : +30
76 : #54e857 : +32
78 : #53ea55 : +34
80 : #51ec53 : +36
82 : #4fee51 : +38
84 : #4def4f : +40
86 : #4bf14e : +42
88 : #49f34c : +44
90 : #47f54a : +46
92 : #45f748 : +48
94 : #43f946 : +50
96 : #41fb44 : +52
98 : #3ffd42 : +54
100 : #3dff40 : +56
L : 明度 ( 62% )
(0%) 暗い ~ 明るい (100%)
0 : #000000 : -62
2 : #030703 : -60
4 : #060f06 : -58
6 : #091609 : -56
8 : #0b1d0c : -54
10 : #0e250f : -52
12 : #112c12 : -50
14 : #143315 : -48
16 : #173b17 : -46
18 : #1a421a : -44
20 : #1d491d : -42
22 : #1f5120 : -40
24 : #225823 : -38
26 : #255f26 : -36
28 : #286729 : -34
30 : #2b6e2c : -32
32 : #2e762f : -30
34 : #317d32 : -28
36 : #338435 : -26
38 : #368c38 : -24
40 : #39933b : -22
42 : #3c9a3e : -20
44 : #3fa240 : -18
46 : #42a943 : -16
48 : #45b046 : -14
50 : #47b849 : -12
52 : #4fba51 : -10
54 : #56bd58 : -8
56 : #5dc05f : -6
58 : #65c366 : -4
60 : #6cc66e : -2
62 : #73c975 : ±0
64 : #7bcc7c : +2
66 : #82ce83 : +4
68 : #89d18b : +6
70 : #91d492 : +8
72 : #98d799 : +10
74 : #a0daa1 : +12
76 : #a7dda8 : +14
78 : #aee0af : +16
80 : #b6e2b6 : +18
82 : #bde5be : +20
84 : #c4e8c5 : +22
86 : #ccebcc : +24
88 : #d3eed3 : +26
90 : #daf1db : +28
92 : #e2f4e2 : +30
94 : #e9f6e9 : +32
96 : #f0f9f0 : +34
98 : #f8fcf8 : +36
100 : #ffffff : +38
CSS入門、作ってます。
text-shadow