#7dde84
RGB
赤 | 125 |
---|---|
緑 | 222 |
青 | 132 |
HSL
色相 | 124° |
---|---|
彩度 | 60% |
明度 | 68% |
輝度 | 72% |
3桁の色
補色
反転色
RGB ( 赤 = 125, 緑 = 222, 青 = 132 )
HSL ( 色相 = 124°, 彩度 = 60%, 明度 = 68% )
H : 色相 ( 124° )
(0°) 赤~黄~緑~青~紫 (359°)
4 : #de837c : -120
14 : #de937c : -110
24 : #dea47c : -100
34 : #deb47c : -90
44 : #dec47c : -80
54 : #ded57c : -70
64 : #d8de7c : -60
74 : #c8de7c : -50
84 : #b7de7c : -40
94 : #a7de7c : -30
104 : #97de7c : -20
114 : #86de7c : -10
124 : #7cde83 : ±0
134 : #7cde93 : +10
144 : #7cdea4 : +20
154 : #7cdeb4 : +30
164 : #7cdec4 : +40
174 : #7cded5 : +50
184 : #7cd8de : +60
194 : #7cc8de : +70
204 : #7cb7de : +80
214 : #7ca7de : +90
224 : #7c97de : +100
234 : #7c86de : +110
244 : #837cde : +120
254 : #937cde : +130
264 : #a47cde : +140
274 : #b47cde : +150
284 : #c47cde : +160
294 : #d57cde : +170
304 : #de7cd8 : +180
314 : #de7cc8 : +190
324 : #de7cb7 : +200
334 : #de7ca7 : +210
344 : #de7c97 : +220
354 : #de7c86 : +230
114 : #86de7c : -10
115 : #85de7c : -9
116 : #83de7c : -8
117 : #81de7c : -7
118 : #80de7c : -6
119 : #7ede7c : -5
120 : #7cde7c : -4
121 : #7cde7e : -3
122 : #7cde80 : -2
123 : #7cde81 : -1
124 : #7cde83 : ±0
125 : #7cde85 : +1
126 : #7cde86 : +2
127 : #7cde88 : +3
128 : #7cde89 : +4
129 : #7cde8b : +5
130 : #7cde8d : +6
131 : #7cde8e : +7
132 : #7cde90 : +8
133 : #7cde92 : +9
134 : #7cde93 : +10
S : 彩度 ( 60% )
(0%) 渋い ~ 鮮やか (100%)
0 : #adadad : -60
2 : #acafac : -58
4 : #aab1ab : -56
6 : #a9b2a9 : -54
8 : #a7b4a8 : -52
10 : #a5b6a6 : -50
12 : #a4b7a5 : -48
14 : #a2b9a3 : -46
16 : #a0baa2 : -44
18 : #9fbca1 : -42
20 : #9dbe9f : -40
22 : #9bbf9e : -38
24 : #9ac19c : -36
26 : #98c39b : -34
28 : #97c49a : -32
30 : #95c698 : -30
32 : #93c897 : -28
34 : #92c995 : -26
36 : #90cb94 : -24
38 : #8ecc93 : -22
40 : #8dce91 : -20
42 : #8bd090 : -18
44 : #89d18e : -16
46 : #88d38d : -14
48 : #86d58b : -12
50 : #85d68a : -10
52 : #83d889 : -8
54 : #81d987 : -6
56 : #80db86 : -4
58 : #7edd84 : -2
60 : #7cde83 : ±0
62 : #7be082 : +2
64 : #79e280 : +4
66 : #78e37f : +6
68 : #76e57d : +8
70 : #74e77c : +10
72 : #73e87a : +12
74 : #71ea79 : +14
76 : #6feb78 : +16
78 : #6eed76 : +18
80 : #6cef75 : +20
82 : #6af073 : +22
84 : #69f272 : +24
86 : #67f471 : +26
88 : #66f56f : +28
90 : #64f76e : +30
92 : #62f86c : +32
94 : #61fa6b : +34
96 : #5ffc6a : +36
98 : #5dfd68 : +38
100 : #5cff67 : +40
L : 明度 ( 68% )
(0%) 暗い ~ 明るい (100%)
0 : #000000 : -68
2 : #020802 : -66
4 : #041005 : -64
6 : #061807 : -62
8 : #08210a : -60
10 : #0a290c : -58
12 : #0c310f : -56
14 : #0e3911 : -54
16 : #104114 : -52
18 : #124916 : -50
20 : #145218 : -48
22 : #165a1b : -46
24 : #18621d : -44
26 : #1b6a20 : -42
28 : #1d7222 : -40
30 : #1f7a25 : -38
32 : #218327 : -36
34 : #238b2a : -34
36 : #25932c : -32
38 : #279b2f : -30
40 : #29a331 : -28
42 : #2bab33 : -26
44 : #2db436 : -24
46 : #2fbc38 : -22
48 : #31c43b : -20
50 : #33cc3d : -18
52 : #3bce45 : -16
54 : #43d04d : -14
56 : #4bd254 : -12
58 : #54d45c : -10
60 : #5cd664 : -8
62 : #64d86c : -6
64 : #6cda73 : -4
66 : #74dc7b : -2
68 : #7cde83 : ±0
70 : #85e08b : +2
72 : #8de292 : +4
74 : #95e49a : +6
76 : #9de7a2 : +8
78 : #a5e9aa : +10
80 : #adebb1 : +12
82 : #b6edb9 : +14
84 : #beefc1 : +16
86 : #c6f1c9 : +18
88 : #cef3d0 : +20
90 : #d6f5d8 : +22
92 : #def7e0 : +24
94 : #e7f9e8 : +26
96 : #effbef : +28
98 : #f7fdf7 : +30
100 : #ffffff : +32
CSS入門、作ってます。
text-shadow