#ae8fef
RGB
| 赤 | 174 |
|---|---|
| 緑 | 143 |
| 青 | 239 |
HSL
| 色相 | 259° |
|---|---|
| 彩度 | 75% |
| 明度 | 75% |
| 輝度 | 64% |
３桁の色
補色
反転色
RGB ( 赤 = 174, 緑 = 143, 青 = 239 )
HSL ( 色相 = 259°, 彩度 = 75%, 明度 = 75% )
H : 色相 ( 259° )
(0°) 赤～黄～緑～青～紫 (359°)
9 : #ef9e8f : -250
19 : #efae8f : -240
29 : #efbe8f : -230
39 : #efce8f : -220
49 : #efde8f : -210
59 : #efed8f : -200
69 : #e1ef8f : -190
79 : #d1ef8f : -180
89 : #c1ef8f : -170
99 : #b1ef8f : -160
109 : #a1ef8f : -150
119 : #91ef8f : -140
129 : #8fef9e : -130
139 : #8fefae : -120
149 : #8fefbe : -110
159 : #8fefce : -100
169 : #8fefde : -90
179 : #8fefed : -80
189 : #8fe1ef : -70
199 : #8fd1ef : -60
209 : #8fc1ef : -50
219 : #8fb1ef : -40
229 : #8fa1ef : -30
239 : #8f91ef : -20
249 : #9e8fef : -10
259 : #ae8fef : ±0
269 : #be8fef : +10
279 : #ce8fef : +20
289 : #de8fef : +30
299 : #ed8fef : +40
309 : #ef8fe1 : +50
319 : #ef8fd1 : +60
329 : #ef8fc1 : +70
339 : #ef8fb1 : +80
349 : #ef8fa1 : +90
359 : #ef8f91 : +100
249 : #9e8fef : -10
250 : #9f8fef : -9
251 : #a18fef : -8
252 : #a38fef : -7
253 : #a48fef : -6
254 : #a68fef : -5
255 : #a78fef : -4
256 : #a98fef : -3
257 : #ab8fef : -2
258 : #ac8fef : -1
259 : #ae8fef : ±0
260 : #af8fef : +1
261 : #b18fef : +2
262 : #b38fef : +3
263 : #b48fef : +4
264 : #b68fef : +5
265 : #b78fef : +6
266 : #b98fef : +7
267 : #ba8fef : +8
268 : #bc8fef : +9
269 : #be8fef : +10
S : 彩度 ( 75% )
(0%) 渋い ～ 鮮やか (100%)
1 : #bfbfc0 : -74
3 : #bfbdc1 : -72
5 : #bebcc2 : -70
7 : #bebbc4 : -68
9 : #bdbac5 : -66
11 : #bdb8c6 : -64
13 : #bcb7c8 : -62
15 : #bcb6c9 : -60
17 : #bbb4ca : -58
19 : #bbb3cb : -56
21 : #bab2cd : -54
23 : #bab1ce : -52
25 : #b9afcf : -50
27 : #b9aed0 : -48
29 : #b8add2 : -46
31 : #b8abd3 : -44
33 : #b8aad4 : -42
35 : #b7a9d6 : -40
37 : #b7a8d7 : -38
39 : #b6a6d8 : -36
41 : #b6a5d9 : -34
43 : #b5a4db : -32
45 : #b5a3dc : -30
47 : #b4a1dd : -28
49 : #b4a0de : -26
51 : #b39fe0 : -24
53 : #b39de1 : -22
55 : #b29ce2 : -20
57 : #b29be4 : -18
59 : #b19ae5 : -16
61 : #b198e6 : -14
63 : #b197e7 : -12
65 : #b096e9 : -10
67 : #b095ea : -8
69 : #af93eb : -6
71 : #af92ed : -4
73 : #ae91ee : -2
75 : #ae8fef : ±0
77 : #ad8ef0 : +2
79 : #ad8df2 : +4
81 : #ac8cf3 : +6
83 : #ac8af4 : +8
85 : #ab89f5 : +10
87 : #ab88f7 : +12
89 : #aa87f8 : +14
91 : #aa85f9 : +16
93 : #aa84fb : +18
95 : #a983fc : +20
97 : #a981fd : +22
99 : #a880fe : +24
L : 明度 ( 75% )
(0%) 暗い ～ 明るい (100%)
1 : #020104 : -74
3 : #06020d : -72
5 : #090316 : -70
7 : #0d041f : -68
9 : #110628 : -66
11 : #140731 : -64
13 : #18083a : -62
15 : #1c0a43 : -60
17 : #1f0b4c : -58
19 : #230c55 : -56
21 : #270d5e : -54
23 : #2b0f67 : -52
25 : #2e1070 : -50
27 : #321178 : -48
29 : #361281 : -46
31 : #39148a : -44
33 : #3d1593 : -42
35 : #41169c : -40
37 : #4418a5 : -38
39 : #4819ae : -36
41 : #4c1ab7 : -34
43 : #4f1bc0 : -32
45 : #531dc9 : -30
47 : #571ed2 : -28
49 : #5b1fdb : -26
51 : #6024e0 : -24
53 : #662de1 : -22
55 : #6d36e2 : -20
57 : #733fe4 : -18
59 : #7a48e5 : -16
61 : #8051e6 : -14
63 : #875ae7 : -12
65 : #8d63e9 : -10
67 : #946cea : -8
69 : #9a75eb : -6
71 : #a17eed : -4
73 : #a787ee : -2
75 : #ae8fef : ±0
77 : #b498f0 : +2
79 : #bba1f2 : +4
81 : #c1aaf3 : +6
83 : #c8b3f4 : +8
85 : #cebcf5 : +10
87 : #d5c5f7 : +12
89 : #dbcef8 : +14
91 : #e2d7f9 : +16
93 : #e8e0fb : +18
95 : #efe9fc : +20
97 : #f5f2fd : +22
99 : #fcfbfe : +24
CSS入門、作ってます。
text-shadow