#ddbefe
RGB
赤 | 221 |
---|---|
緑 | 190 |
青 | 254 |
HSL
色相 | 269° |
---|---|
彩度 | 97% |
明度 | 87% |
輝度 | 81% |
3桁の色
補色
反転色
RGB ( 赤 = 221, 緑 = 190, 青 = 254 )
HSL ( 色相 = 269°, 彩度 = 97%, 明度 = 87% )
H : 色相 ( 269° )
(0°) 赤~黄~緑~青~紫 (359°)
9 : #fec7be : -260
19 : #fed2be : -250
29 : #feddbe : -240
39 : #fee7be : -230
49 : #fef2be : -220
59 : #fefdbe : -210
69 : #f4febe : -200
79 : #eafebe : -190
89 : #dffebe : -180
99 : #d4febe : -170
109 : #c9febe : -160
119 : #bffebe : -150
129 : #befec7 : -140
139 : #befed2 : -130
149 : #befedd : -120
159 : #befee7 : -110
169 : #befef2 : -100
179 : #befefd : -90
189 : #bef4fe : -80
199 : #beeafe : -70
209 : #bedffe : -60
219 : #bed4fe : -50
229 : #bec9fe : -40
239 : #bebffe : -30
249 : #c7befe : -20
259 : #d2befe : -10
269 : #ddbefe : ±0
279 : #e7befe : +10
289 : #f2befe : +20
299 : #fdbefe : +30
309 : #febef4 : +40
319 : #febeea : +50
329 : #febedf : +60
339 : #febed4 : +70
349 : #febec9 : +80
359 : #febebf : +90
259 : #d2befe : -10
260 : #d3befe : -9
261 : #d4befe : -8
262 : #d5befe : -7
263 : #d6befe : -6
264 : #d7befe : -5
265 : #d8befe : -4
266 : #dabefe : -3
267 : #dbbefe : -2
268 : #dcbefe : -1
269 : #ddbefe : ±0
270 : #debefe : +1
271 : #dfbefe : +2
272 : #e0befe : +3
273 : #e1befe : +4
274 : #e2befe : +5
275 : #e3befe : +6
276 : #e4befe : +7
277 : #e5befe : +8
278 : #e6befe : +9
279 : #e7befe : +10
S : 彩度 ( 97% )
(0%) 渋い ~ 鮮やか (100%)
1 : #dedede : -96
3 : #dedddf : -94
5 : #dedce0 : -92
7 : #dedce0 : -90
9 : #dedbe1 : -88
11 : #dedae1 : -86
13 : #dedae2 : -84
15 : #ded9e3 : -82
17 : #ded8e3 : -80
19 : #ded8e4 : -78
21 : #ded7e5 : -76
23 : #ded6e5 : -74
25 : #ded6e6 : -72
27 : #ded5e7 : -70
29 : #ded4e7 : -68
31 : #ded4e8 : -66
33 : #ddd3e9 : -64
35 : #ddd2e9 : -62
37 : #ddd2ea : -60
39 : #ddd1eb : -58
41 : #ddd0eb : -56
43 : #ddd0ec : -54
45 : #ddcfed : -52
47 : #ddceed : -50
49 : #ddceee : -48
51 : #ddcdef : -46
53 : #ddccef : -44
55 : #ddccf0 : -42
57 : #ddcbf1 : -40
59 : #ddcaf1 : -38
61 : #ddcaf2 : -36
63 : #ddc9f3 : -34
65 : #ddc8f3 : -32
67 : #ddc8f4 : -30
69 : #ddc7f5 : -28
71 : #ddc6f5 : -26
73 : #ddc6f6 : -24
75 : #ddc5f7 : -22
77 : #ddc4f7 : -20
79 : #ddc4f8 : -18
81 : #ddc3f9 : -16
83 : #ddc2f9 : -14
85 : #ddc2fa : -12
87 : #ddc1fb : -10
89 : #ddc0fb : -8
91 : #ddc0fc : -6
93 : #ddbffd : -4
95 : #ddbefd : -2
97 : #ddbefe : ±0
99 : #ddbdff : +2
L : 明度 ( 87% )
(0%) 暗い ~ 明るい (100%)
1 : #020005 : -86
3 : #07000f : -84
5 : #0c0019 : -82
7 : #110123 : -80
9 : #16012d : -78
11 : #1b0137 : -76
13 : #200141 : -74
15 : #25014b : -72
17 : #2a0155 : -70
19 : #2f015f : -68
21 : #340269 : -66
23 : #390274 : -64
25 : #3e027e : -62
27 : #430288 : -60
29 : #480292 : -58
31 : #4c029c : -56
33 : #5103a6 : -54
35 : #5603b0 : -52
37 : #5b03ba : -50
39 : #6003c4 : -48
41 : #6503ce : -46
43 : #6a03d8 : -44
45 : #6f03e2 : -42
47 : #7404ec : -40
49 : #7904f6 : -38
51 : #7e09fb : -36
53 : #8313fb : -34
55 : #891dfc : -32
57 : #8e27fc : -30
59 : #9331fc : -28
61 : #983bfc : -26
63 : #9e45fc : -24
65 : #a34ffc : -22
67 : #a859fc : -20
69 : #ad63fd : -18
71 : #b36dfd : -16
73 : #b877fd : -14
75 : #bd81fd : -12
77 : #c28bfd : -10
79 : #c896fd : -8
81 : #cda0fe : -6
83 : #d2aafe : -4
85 : #d8b4fe : -2
87 : #ddbefe : ±0
89 : #e2c8fe : +2
91 : #e7d2fe : +4
93 : #eddcfe : +6
95 : #f2e6ff : +8
97 : #f7f0ff : +10
99 : #fcfaff : +12
CSS入門、作ってます。
text-shadow