#7ddd46
RGB
赤 | 125 |
---|---|
緑 | 221 |
青 | 70 |
HSL
色相 | 98° |
---|---|
彩度 | 69% |
明度 | 57% |
輝度 | 69% |
3桁の色
補色
反転色
RGB ( 赤 = 125, 緑 = 221, 青 = 70 )
HSL ( 色相 = 98°, 彩度 = 69%, 明度 = 57% )
H : 色相 ( 98° )
(0°) 赤~黄~緑~青~紫 (359°)
8 : #dd5a46 : -90
18 : #dd7346 : -80
28 : #dd8c46 : -70
38 : #dda646 : -60
48 : #ddbf46 : -50
58 : #ddd846 : -40
68 : #c9dd46 : -30
78 : #b0dd46 : -20
88 : #96dd46 : -10
98 : #7ddd46 : ±0
108 : #64dd46 : +10
118 : #4bdd46 : +20
128 : #46dd5a : +30
138 : #46dd73 : +40
148 : #46dd8c : +50
158 : #46dda6 : +60
168 : #46ddbf : +70
178 : #46ddd8 : +80
188 : #46c9dd : +90
198 : #46b0dd : +100
208 : #4696dd : +110
218 : #467ddd : +120
228 : #4664dd : +130
238 : #464bdd : +140
248 : #5a46dd : +150
258 : #7346dd : +160
268 : #8c46dd : +170
278 : #a646dd : +180
288 : #bf46dd : +190
298 : #d846dd : +200
308 : #dd46c9 : +210
318 : #dd46b0 : +220
328 : #dd4696 : +230
338 : #dd467d : +240
348 : #dd4664 : +250
358 : #dd464b : +260
88 : #96dd46 : -10
89 : #94dd46 : -9
90 : #91dd46 : -8
91 : #8fdd46 : -7
92 : #8cdd46 : -6
93 : #8add46 : -5
94 : #87dd46 : -4
95 : #85dd46 : -3
96 : #82dd46 : -2
97 : #80dd46 : -1
98 : #7ddd46 : ±0
99 : #7bdd46 : +1
100 : #78dd46 : +2
101 : #76dd46 : +3
102 : #73dd46 : +4
103 : #71dd46 : +5
104 : #6edd46 : +6
105 : #6cdd46 : +7
106 : #69dd46 : +8
107 : #66dd46 : +9
108 : #64dd46 : +10
S : 彩度 ( 69% )
(0%) 渋い ~ 鮮やか (100%)
1 : #919290 : -68
3 : #90958e : -66
5 : #90978c : -64
7 : #8f998a : -62
9 : #8f9b87 : -60
11 : #8e9d85 : -58
13 : #8ea083 : -56
15 : #8da281 : -54
17 : #8ca47f : -52
19 : #8ca67d : -50
21 : #8ba87a : -48
23 : #8bab78 : -46
25 : #8aad76 : -44
27 : #89af74 : -42
29 : #89b172 : -40
31 : #88b36f : -38
33 : #88b66d : -36
35 : #87b86b : -34
37 : #87ba69 : -32
39 : #86bc67 : -30
41 : #85be64 : -28
43 : #85c062 : -26
45 : #84c360 : -24
47 : #84c55e : -22
49 : #83c75c : -20
51 : #82c959 : -18
53 : #82cb57 : -16
55 : #81ce55 : -14
57 : #81d053 : -12
59 : #80d251 : -10
61 : #80d44e : -8
63 : #7fd64c : -6
65 : #7ed94a : -4
67 : #7edb48 : -2
69 : #7ddd46 : ±0
71 : #7ddf43 : +2
73 : #7ce141 : +4
75 : #7be43f : +6
77 : #7be63d : +8
79 : #7ae83b : +10
81 : #7aea39 : +12
83 : #79ec36 : +14
85 : #78ef34 : +16
87 : #78f132 : +18
89 : #77f330 : +20
91 : #77f52e : +22
93 : #76f72b : +24
95 : #76fa29 : +26
97 : #75fc27 : +28
99 : #74fe25 : +30
L : 明度 ( 57% )
(0%) 暗い ~ 明るい (100%)
1 : #020401 : -56
3 : #060d02 : -54
5 : #0a1604 : -52
7 : #0f1e06 : -50
9 : #132707 : -48
11 : #172f09 : -46
13 : #1b380a : -44
15 : #1f410c : -42
17 : #23490d : -40
19 : #28520f : -38
21 : #2c5a11 : -36
23 : #306312 : -34
25 : #346c14 : -32
27 : #387415 : -30
29 : #3c7d17 : -28
31 : #418619 : -26
33 : #458e1a : -24
35 : #49971c : -22
37 : #4d9f1d : -20
39 : #51a81f : -18
41 : #55b120 : -16
43 : #59b922 : -14
45 : #5ec224 : -12
47 : #62cb25 : -10
49 : #66d327 : -8
51 : #6bd82c : -6
53 : #71da34 : -4
55 : #77db3d : -2
57 : #7ddd46 : ±0
59 : #83df4e : +2
61 : #89e057 : +4
63 : #8fe260 : +6
65 : #95e368 : +8
67 : #9be571 : +10
69 : #a1e679 : +12
71 : #a7e882 : +14
73 : #adea8b : +16
75 : #b4eb93 : +18
77 : #baed9c : +20
79 : #c0eea5 : +22
81 : #c6f0ad : +24
83 : #ccf2b6 : +26
85 : #d2f3be : +28
87 : #d8f5c7 : +30
89 : #def6d0 : +32
91 : #e4f8d8 : +34
93 : #eaf9e1 : +36
95 : #f0fbe9 : +38
97 : #f6fdf2 : +40
99 : #fcfefb : +42
CSS入門、作ってます。
text-shadow