#fdaae7
RGB
| 赤 | 253 |
|---|---|
| 緑 | 170 |
| 青 | 231 |
HSL
| 色相 | 316° |
|---|---|
| 彩度 | 95% |
| 明度 | 83% |
| 輝度 | 79% |
３桁の色
補色
反転色
RGB ( 赤 = 253, 緑 = 170, 青 = 231 )
HSL ( 色相 = 316°, 彩度 = 95%, 明度 = 83% )
H : 色相 ( 316° )
(0°) 赤～黄～緑～青～紫 (359°)
6 : #fdb3aa : -310
16 : #fdc0aa : -300
26 : #fdceaa : -290
36 : #fddcaa : -280
46 : #fdeaaa : -270
56 : #fdf7aa : -260
66 : #f5fdaa : -250
76 : #e7fdaa : -240
86 : #d9fdaa : -230
96 : #cbfdaa : -220
106 : #befdaa : -210
116 : #b0fdaa : -200
126 : #aafdb3 : -190
136 : #aafdc0 : -180
146 : #aafdce : -170
156 : #aafddc : -160
166 : #aafdea : -150
176 : #aafdf7 : -140
186 : #aaf5fd : -130
196 : #aae7fd : -120
206 : #aad9fd : -110
216 : #aacbfd : -100
226 : #aabefd : -90
236 : #aab0fd : -80
246 : #b3aafd : -70
256 : #c0aafd : -60
266 : #ceaafd : -50
276 : #dcaafd : -40
286 : #eaaafd : -30
296 : #f7aafd : -20
306 : #fdaaf5 : -10
316 : #fdaae7 : ±0
326 : #fdaad9 : +10
336 : #fdaacb : +20
346 : #fdaabe : +30
356 : #fdaab0 : +40
306 : #fdaaf5 : -10
307 : #fdaaf3 : -9
308 : #fdaaf2 : -8
309 : #fdaaf0 : -7
310 : #fdaaef : -6
311 : #fdaaee : -5
312 : #fdaaec : -4
313 : #fdaaeb : -3
314 : #fdaaea : -2
315 : #fdaae8 : -1
316 : #fdaae7 : ±0
317 : #fdaae5 : +1
318 : #fdaae4 : +2
319 : #fdaae3 : +3
320 : #fdaae1 : +4
321 : #fdaae0 : +5
322 : #fdaadf : +6
323 : #fdaadd : +7
324 : #fdaadc : +8
325 : #fdaadb : +9
326 : #fdaad9 : +10
S : 彩度 ( 95% )
(0%) 渋い ～ 鮮やか (100%)
1 : #d4d3d4 : -94
3 : #d5d2d4 : -92
5 : #d6d1d5 : -90
7 : #d7d1d5 : -88
9 : #d8d0d5 : -86
11 : #d8cfd6 : -84
13 : #d9ced6 : -82
15 : #dacdd7 : -80
17 : #dbccd7 : -78
19 : #dccbd7 : -76
21 : #ddcbd8 : -74
23 : #decad8 : -72
25 : #dec9d9 : -70
27 : #dfc8d9 : -68
29 : #e0c7da : -66
31 : #e1c6da : -64
33 : #e2c5da : -62
35 : #e3c4db : -60
37 : #e4c4db : -58
39 : #e5c3dc : -56
41 : #e5c2dc : -54
43 : #e6c1dc : -52
45 : #e7c0dd : -50
47 : #e8bfdd : -48
49 : #e9bede : -46
51 : #eabede : -44
53 : #ebbdde : -42
55 : #ebbcdf : -40
57 : #ecbbdf : -38
59 : #edbae0 : -36
61 : #eeb9e0 : -34
63 : #efb8e0 : -32
65 : #f0b7e1 : -30
67 : #f1b7e1 : -28
69 : #f2b6e2 : -26
71 : #f2b5e2 : -24
73 : #f3b4e2 : -22
75 : #f4b3e3 : -20
77 : #f5b2e3 : -18
79 : #f6b1e4 : -16
81 : #f7b1e4 : -14
83 : #f8b0e4 : -12
85 : #f8afe5 : -10
87 : #f9aee5 : -8
89 : #faade6 : -6
91 : #fbace6 : -4
93 : #fcabe6 : -2
95 : #fdaae7 : ±0
97 : #feaae7 : +2
99 : #ffa9e8 : +4
L : 明度 ( 83% )
(0%) 暗い ～ 明るい (100%)
1 : #050004 : -82
3 : #0f000b : -80
5 : #190112 : -78
7 : #23011a : -76
9 : #2d0121 : -74
11 : #370128 : -72
13 : #410230 : -70
15 : #4b0237 : -68
17 : #55023f : -66
19 : #5e0246 : -64
21 : #68034d : -62
23 : #720355 : -60
25 : #7c035c : -58
27 : #860363 : -56
29 : #90046b : -54
31 : #9a0472 : -52
33 : #a40479 : -50
35 : #ae0481 : -48
37 : #b80588 : -46
39 : #c20590 : -44
41 : #cc0597 : -42
43 : #d6059e : -40
45 : #e006a6 : -38
47 : #ea06ad : -36
49 : #f406b4 : -34
51 : #f90bb9 : -32
53 : #f915bc : -30
55 : #f91fbf : -28
57 : #fa29c2 : -26
59 : #fa33c5 : -24
61 : #fa3dc8 : -22
63 : #fa47ca : -20
65 : #fb51cd : -18
67 : #fb5bd0 : -16
69 : #fb65d3 : -14
71 : #fb6fd6 : -12
73 : #fc79d9 : -10
75 : #fc83dc : -8
77 : #fc8dde : -6
79 : #fc97e1 : -4
81 : #fda1e4 : -2
83 : #fdaae7 : ±0
85 : #fdb4ea : +2
87 : #fdbeed : +4
89 : #fec8ef : +6
91 : #fed2f2 : +8
93 : #fedcf5 : +10
95 : #fee6f8 : +12
97 : #fff0fb : +14
99 : #fffafe : +16
CSS入門、作ってます。
text-shadow