#ecb1e5
RGB
赤 | 236 |
---|---|
緑 | 177 |
青 | 229 |
HSL
色相 | 307° |
---|---|
彩度 | 61% |
明度 | 81% |
輝度 | 79% |
3桁の色
補色
反転色
RGB ( 赤 = 236, 緑 = 177, 青 = 229 )
HSL ( 色相 = 307°, 彩度 = 61%, 明度 = 81% )
H : 色相 ( 307° )
(0°) 赤~黄~緑~青~紫 (359°)
7 : #ecb8b1 : -300
17 : #ecc2b1 : -290
27 : #ecccb1 : -280
37 : #ecd5b1 : -270
47 : #ecdfb1 : -260
57 : #ece9b1 : -250
67 : #e5ecb1 : -240
77 : #dbecb1 : -230
87 : #d2ecb1 : -220
97 : #c8ecb1 : -210
107 : #beecb1 : -200
117 : #b4ecb1 : -190
127 : #b1ecb8 : -180
137 : #b1ecc2 : -170
147 : #b1eccc : -160
157 : #b1ecd5 : -150
167 : #b1ecdf : -140
177 : #b1ece9 : -130
187 : #b1e5ec : -120
197 : #b1dbec : -110
207 : #b1d2ec : -100
217 : #b1c8ec : -90
227 : #b1beec : -80
237 : #b1b4ec : -70
247 : #b8b1ec : -60
257 : #c2b1ec : -50
267 : #ccb1ec : -40
277 : #d5b1ec : -30
287 : #dfb1ec : -20
297 : #e9b1ec : -10
307 : #ecb1e5 : ±0
317 : #ecb1db : +10
327 : #ecb1d2 : +20
337 : #ecb1c8 : +30
347 : #ecb1be : +40
357 : #ecb1b4 : +50
297 : #e9b1ec : -10
298 : #eab1ec : -9
299 : #ebb1ec : -8
300 : #ecb1ec : -7
301 : #ecb1eb : -6
302 : #ecb1ea : -5
303 : #ecb1e9 : -4
304 : #ecb1e8 : -3
305 : #ecb1e7 : -2
306 : #ecb1e6 : -1
307 : #ecb1e5 : ±0
308 : #ecb1e4 : +1
309 : #ecb1e3 : +2
310 : #ecb1e2 : +3
311 : #ecb1e1 : +4
312 : #ecb1e0 : +5
313 : #ecb1df : +6
314 : #ecb1de : +7
315 : #ecb1dd : +8
316 : #ecb1dc : +9
317 : #ecb1db : +10
S : 彩度 ( 61% )
(0%) 渋い ~ 鮮やか (100%)
1 : #cfcecf : -60
3 : #d0cdd0 : -58
5 : #d1ccd0 : -56
7 : #d2cbd1 : -54
9 : #d3cad2 : -52
11 : #d4c9d3 : -50
13 : #d5c8d3 : -48
15 : #d6c7d4 : -46
17 : #d7c6d5 : -44
19 : #d8c5d6 : -42
21 : #d9c4d6 : -40
23 : #dac3d7 : -38
25 : #dbc2d8 : -36
27 : #dcc1d9 : -34
29 : #ddc0d9 : -32
31 : #dec0da : -30
33 : #dfbfdb : -28
35 : #e0bedc : -26
37 : #e0bddc : -24
39 : #e1bcdd : -22
41 : #e2bbde : -20
43 : #e3badf : -18
45 : #e4b9df : -16
47 : #e5b8e0 : -14
49 : #e6b7e1 : -12
51 : #e7b6e1 : -10
53 : #e8b5e2 : -8
55 : #e9b4e3 : -6
57 : #eab3e4 : -4
59 : #ebb2e4 : -2
61 : #ecb1e5 : ±0
63 : #edb0e6 : +2
65 : #eeafe7 : +4
67 : #efaee7 : +6
69 : #f0ade8 : +8
71 : #f1ace9 : +10
73 : #f2abea : +12
75 : #f3aaea : +14
77 : #f4a9eb : +16
79 : #f5a8ec : +18
81 : #f6a7ed : +20
83 : #f7a6ed : +22
85 : #f8a5ee : +24
87 : #f9a4ef : +26
89 : #faa3f0 : +28
91 : #fba2f0 : +30
93 : #fca1f1 : +32
95 : #fda1f2 : +34
97 : #fea0f3 : +36
99 : #ff9ff3 : +38
L : 明度 ( 81% )
(0%) 暗い ~ 明るい (100%)
1 : #040104 : -80
3 : #0c030b : -78
5 : #150513 : -76
7 : #1d071a : -74
9 : #250922 : -72
11 : #2d0b29 : -70
13 : #350d31 : -68
15 : #3e0f38 : -66
17 : #461140 : -64
19 : #4e1347 : -62
21 : #56154f : -60
23 : #5e1756 : -58
25 : #67195e : -56
27 : #6f1b65 : -54
29 : #771d6d : -52
31 : #7f1f74 : -50
33 : #87217c : -48
35 : #902383 : -46
37 : #98258a : -44
39 : #a02792 : -42
41 : #a82999 : -40
43 : #b12ba1 : -38
45 : #b92da8 : -36
47 : #c12fb0 : -34
49 : #c931b7 : -32
51 : #ce36bc : -30
53 : #d03ebf : -28
55 : #d246c2 : -26
57 : #d44ec5 : -24
59 : #d657c7 : -22
61 : #d85fca : -20
63 : #da67cd : -18
65 : #dc6fcf : -16
67 : #de78d2 : -14
69 : #e080d5 : -12
71 : #e288d8 : -10
73 : #e490da : -8
75 : #e698dd : -6
77 : #e8a1e0 : -4
79 : #eaa9e2 : -2
81 : #ecb1e5 : ±0
83 : #eeb9e8 : +2
85 : #f0c1eb : +4
87 : #f2caed : +6
89 : #f4d2f0 : +8
91 : #f6daf3 : +10
93 : #f8e2f5 : +12
95 : #faeaf8 : +14
97 : #fcf3fb : +16
99 : #fefbfe : +18
CSS入門、作ってます。
text-shadow