#d1bbed
RGB
| 赤 | 209 |
|---|---|
| 緑 | 187 |
| 青 | 237 |
HSL
| 色相 | 266° |
|---|---|
| 彩度 | 58% |
| 明度 | 83% |
| 輝度 | 78% |
３桁の色
補色
反転色
RGB ( 赤 = 209, 緑 = 187, 青 = 237 )
HSL ( 色相 = 266°, 彩度 = 58%, 明度 = 83% )
H : 色相 ( 266° )
(0°) 赤～黄～緑～青～紫 (359°)
6 : #edc0bb : -260
16 : #edc8bb : -250
26 : #edd0bb : -240
36 : #edd9bb : -230
46 : #ede1bb : -220
56 : #ede9bb : -210
66 : #e8edbb : -200
76 : #dfedbb : -190
86 : #d7edbb : -180
96 : #cfedbb : -170
106 : #c6edbb : -160
116 : #beedbb : -150
126 : #bbedc0 : -140
136 : #bbedc8 : -130
146 : #bbedd0 : -120
156 : #bbedd9 : -110
166 : #bbede1 : -100
176 : #bbede9 : -90
186 : #bbe8ed : -80
196 : #bbdfed : -70
206 : #bbd7ed : -60
216 : #bbcfed : -50
226 : #bbc6ed : -40
236 : #bbbeed : -30
246 : #c0bbed : -20
256 : #c8bbed : -10
266 : #d0bbed : ±0
276 : #d9bbed : +10
286 : #e1bbed : +20
296 : #e9bbed : +30
306 : #edbbe8 : +40
316 : #edbbdf : +50
326 : #edbbd7 : +60
336 : #edbbcf : +70
346 : #edbbc6 : +80
356 : #edbbbe : +90
256 : #c8bbed : -10
257 : #c9bbed : -9
258 : #cabbed : -8
259 : #cabbed : -7
260 : #cbbbed : -6
261 : #ccbbed : -5
262 : #cdbbed : -4
263 : #cebbed : -3
264 : #cfbbed : -2
265 : #cfbbed : -1
266 : #d0bbed : ±0
267 : #d1bbed : +1
268 : #d2bbed : +2
269 : #d3bbed : +3
270 : #d4bbed : +4
271 : #d4bbed : +5
272 : #d5bbed : +6
273 : #d6bbed : +7
274 : #d7bbed : +8
275 : #d8bbed : +9
276 : #d9bbed : +10
S : 彩度 ( 58% )
(0%) 渋い ～ 鮮やか (100%)
0 : #d3d3d3 : -58
2 : #d4d3d5 : -56
4 : #d3d2d5 : -54
6 : #d3d1d6 : -52
8 : #d3d0d7 : -50
10 : #d3cfd8 : -48
12 : #d3ced9 : -46
14 : #d3ceda : -44
16 : #d3cddb : -42
18 : #d3ccdb : -40
20 : #d2cbdc : -38
22 : #d2cadd : -36
24 : #d2c9de : -34
26 : #d2c8df : -32
28 : #d2c8e0 : -30
30 : #d2c7e1 : -28
32 : #d2c6e2 : -26
34 : #d2c5e2 : -24
36 : #d2c4e3 : -22
38 : #d1c3e4 : -20
40 : #d1c2e5 : -18
42 : #d1c1e6 : -16
44 : #d1c1e7 : -14
46 : #d1c0e8 : -12
48 : #d1bfe8 : -10
50 : #d1bee9 : -8
52 : #d1bdea : -6
54 : #d1bceb : -4
56 : #d0bbec : -2
58 : #d0bbed : ±0
60 : #d0baee : +2
62 : #d0b9ef : +4
64 : #d0b8ef : +6
66 : #d0b7f0 : +8
68 : #d0b6f1 : +10
70 : #d0b5f2 : +12
72 : #cfb4f3 : +14
74 : #cfb4f4 : +16
76 : #cfb3f5 : +18
78 : #cfb2f5 : +20
80 : #cfb1f6 : +22
82 : #cfb0f7 : +24
84 : #cfaff8 : +26
86 : #cfaef9 : +28
88 : #cfaefa : +30
90 : #ceadfb : +32
92 : #ceacfc : +34
94 : #ceabfc : +36
96 : #ceaafd : +38
98 : #cea9fe : +40
100 : #cea8ff : +42
L : 明度 ( 83% )
(0%) 暗い ～ 明るい (100%)
1 : #020104 : -82
3 : #07030c : -80
5 : #0c0514 : -78
7 : #10071c : -76
9 : #150a24 : -74
11 : #1a0c2c : -72
13 : #1f0e34 : -70
15 : #23103c : -68
17 : #281244 : -66
19 : #2d144d : -64
21 : #311655 : -62
23 : #36195d : -60
25 : #3b1b65 : -58
27 : #401d6d : -56
29 : #441f75 : -54
31 : #49217d : -52
33 : #4e2385 : -50
35 : #52258d : -48
37 : #572895 : -46
39 : #5c2a9d : -44
41 : #602ca5 : -42
43 : #652ead : -40
45 : #6a30b5 : -38
47 : #6f32bd : -36
49 : #7334c5 : -34
51 : #783acb : -32
53 : #7e42cd : -30
55 : #834acf : -28
57 : #8952d1 : -26
59 : #8e5ad3 : -24
61 : #9462d5 : -22
63 : #996ad7 : -20
65 : #9f72da : -18
67 : #a47adc : -16
69 : #aa82de : -14
71 : #af8ae0 : -12
73 : #b592e2 : -10
75 : #ba9ae4 : -8
77 : #c0a2e6 : -6
79 : #c5aae9 : -4
81 : #cbb2eb : -2
83 : #d0bbed : ±0
85 : #d6c3ef : +2
87 : #dbcbf1 : +4
89 : #e1d3f3 : +6
91 : #e6dbf5 : +8
93 : #ece3f8 : +10
95 : #f1ebfa : +12
97 : #f7f3fc : +14
99 : #fcfbfe : +16
CSS入門、作ってます。
text-shadow