#8eed7e
RGB
| 赤 | 142 |
|---|---|
| 緑 | 237 |
| 青 | 126 |
HSL
| 色相 | 111° |
|---|---|
| 彩度 | 76% |
| 明度 | 71% |
| 輝度 | 77% |
３桁の色
補色
反転色
RGB ( 赤 = 142, 緑 = 237, 青 = 126 )
HSL ( 色相 = 111°, 彩度 = 76%, 明度 = 71% )
H : 色相 ( 111° )
(0°) 赤～黄～緑～青～紫 (359°)
1 : #ed7f7d : -110
11 : #ed917d : -100
21 : #eda47d : -90
31 : #edb77d : -80
41 : #edca7d : -70
51 : #eddc7d : -60
61 : #ebed7d : -50
71 : #d9ed7d : -40
81 : #c6ed7d : -30
91 : #b3ed7d : -20
101 : #a0ed7d : -10
111 : #8eed7d : ±0
121 : #7ded7f : +10
131 : #7ded91 : +20
141 : #7deda4 : +30
151 : #7dedb7 : +40
161 : #7dedca : +50
171 : #7deddc : +60
181 : #7debed : +70
191 : #7dd9ed : +80
201 : #7dc6ed : +90
211 : #7db3ed : +100
221 : #7da0ed : +110
231 : #7d8eed : +120
241 : #7f7ded : +130
251 : #917ded : +140
261 : #a47ded : +150
271 : #b77ded : +160
281 : #ca7ded : +170
291 : #dc7ded : +180
301 : #ed7deb : +190
311 : #ed7dd9 : +200
321 : #ed7dc6 : +210
331 : #ed7db3 : +220
341 : #ed7da0 : +230
351 : #ed7d8e : +240
101 : #a0ed7d : -10
102 : #9fed7d : -9
103 : #9ded7d : -8
104 : #9bed7d : -7
105 : #99ed7d : -6
106 : #97ed7d : -5
107 : #95ed7d : -4
108 : #93ed7d : -3
109 : #91ed7d : -2
110 : #90ed7d : -1
111 : #8eed7d : ±0
112 : #8ced7d : +1
113 : #8aed7d : +2
114 : #88ed7d : +3
115 : #86ed7d : +4
116 : #84ed7d : +5
117 : #82ed7d : +6
118 : #81ed7d : +7
119 : #7fed7d : +8
120 : #7ded7d : +9
121 : #7ded7f : +10
S : 彩度 ( 76% )
(0%) 渋い ～ 鮮やか (100%)
0 : #b5b5b5 : -76
2 : #b4b7b4 : -74
4 : #b3b8b2 : -72
6 : #b2b9b1 : -70
8 : #b1bbaf : -68
10 : #b0bcae : -66
12 : #afbeac : -64
14 : #aebfab : -62
16 : #adc1a9 : -60
18 : #acc2a8 : -58
20 : #abc4a6 : -56
22 : #aac5a5 : -54
24 : #a9c7a3 : -52
26 : #a8c8a2 : -50
28 : #a7caa0 : -48
30 : #a6cb9f : -46
32 : #a4cd9d : -44
34 : #a3ce9c : -42
36 : #a2d09a : -40
38 : #a1d199 : -38
40 : #a0d397 : -36
42 : #9fd496 : -34
44 : #9ed695 : -32
46 : #9dd793 : -30
48 : #9cd992 : -28
50 : #9bda90 : -26
52 : #9adc8f : -24
54 : #99dd8d : -22
56 : #98de8c : -20
58 : #97e08a : -18
60 : #96e189 : -16
62 : #95e387 : -14
64 : #94e486 : -12
66 : #93e684 : -10
68 : #92e783 : -8
70 : #91e981 : -6
72 : #90ea80 : -4
74 : #8fec7e : -2
76 : #8eed7d : ±0
78 : #8def7b : +2
80 : #8cf07a : +4
82 : #8bf278 : +6
84 : #8af377 : +8
86 : #89f575 : +10
88 : #87f674 : +12
90 : #86f872 : +14
92 : #85f971 : +16
94 : #84fb70 : +18
96 : #83fc6e : +20
98 : #82fe6d : +22
100 : #81ff6b : +24
L : 明度 ( 71% )
(0%) 暗い ～ 明るい (100%)
1 : #010401 : -70
3 : #040d02 : -68
5 : #061603 : -66
7 : #081f04 : -64
9 : #0b2806 : -62
11 : #0d3107 : -60
13 : #103a08 : -58
15 : #124309 : -56
17 : #144c0a : -54
19 : #17550c : -52
21 : #195e0d : -50
23 : #1b670e : -48
25 : #1e700f : -46
27 : #207911 : -44
29 : #238212 : -42
31 : #258b13 : -40
33 : #279414 : -38
35 : #2a9d15 : -36
37 : #2ca617 : -34
39 : #2faf18 : -32
41 : #31b819 : -30
43 : #33c11a : -28
45 : #36ca1c : -26
47 : #38d31d : -24
49 : #3adc1e : -22
51 : #40e123 : -20
53 : #47e22c : -18
55 : #4fe335 : -16
57 : #57e53e : -14
59 : #5fe647 : -12
61 : #67e750 : -10
63 : #6ee859 : -8
65 : #76ea62 : -6
67 : #7eeb6b : -4
69 : #86ec74 : -2
71 : #8eed7d : ±0
73 : #96ee86 : +2
75 : #9df08f : +4
77 : #a5f198 : +6
79 : #adf2a1 : +8
81 : #b5f3aa : +10
83 : #bdf5b3 : +12
85 : #c4f6bc : +14
87 : #ccf7c5 : +16
89 : #d4f8ce : +18
91 : #dcf9d7 : +20
93 : #e4fbe0 : +22
95 : #ebfce9 : +24
97 : #f3fdf2 : +26
99 : #fbfefb : +28
CSS入門、作ってます。
text-shadow