#ecd5ec
RGB
| 赤 | 236 |
|---|---|
| 緑 | 213 |
| 青 | 236 |
HSL
| 色相 | 300° |
|---|---|
| 彩度 | 38% |
| 明度 | 88% |
| 輝度 | 87% |
３桁の色
補色
反転色
RGB ( 赤 = 236, 緑 = 213, 青 = 236 )
HSL ( 色相 = 300°, 彩度 = 38%, 明度 = 88% )
H : 色相 ( 300° )
(0°) 赤～黄～緑～青～紫 (359°)
0 : #ecd5d5 : -300
10 : #ecd9d5 : -290
20 : #ecddd5 : -280
30 : #ece0d5 : -270
40 : #ece4d5 : -260
50 : #ece8d5 : -250
60 : #ececd5 : -240
70 : #e8ecd5 : -230
80 : #e4ecd5 : -220
90 : #e0ecd5 : -210
100 : #ddecd5 : -200
110 : #d9ecd5 : -190
120 : #d5ecd5 : -180
130 : #d5ecd9 : -170
140 : #d5ecdd : -160
150 : #d5ece0 : -150
160 : #d5ece4 : -140
170 : #d5ece8 : -130
180 : #d5ecec : -120
190 : #d5e8ec : -110
200 : #d5e4ec : -100
210 : #d5e0ec : -90
220 : #d5ddec : -80
230 : #d5d9ec : -70
240 : #d5d5ec : -60
250 : #d9d5ec : -50
260 : #ddd5ec : -40
270 : #e0d5ec : -30
280 : #e4d5ec : -20
290 : #e8d5ec : -10
300 : #ecd5ec : ±0
310 : #ecd5e8 : +10
320 : #ecd5e4 : +20
330 : #ecd5e0 : +30
340 : #ecd5dd : +40
350 : #ecd5d9 : +50
290 : #e8d5ec : -10
291 : #e9d5ec : -9
292 : #e9d5ec : -8
293 : #e9d5ec : -7
294 : #ead5ec : -6
295 : #ead5ec : -5
296 : #ead5ec : -4
297 : #ebd5ec : -3
298 : #ebd5ec : -2
299 : #ecd5ec : -1
300 : #ecd5ec : ±0
301 : #ecd5ec : +1
302 : #ecd5eb : +2
303 : #ecd5eb : +3
304 : #ecd5ea : +4
305 : #ecd5ea : +5
306 : #ecd5ea : +6
307 : #ecd5e9 : +7
308 : #ecd5e9 : +8
309 : #ecd5e9 : +9
310 : #ecd5e8 : +10
S : 彩度 ( 38% )
(0%) 渋い ～ 鮮やか (100%)
0 : #e0e0e0 : -38
2 : #e1e0e1 : -36
4 : #e2dfe2 : -34
6 : #e2dfe2 : -32
8 : #e3dee3 : -30
10 : #e3dde3 : -28
12 : #e4dde4 : -26
14 : #e5dce5 : -24
16 : #e5dce5 : -22
18 : #e6dbe6 : -20
20 : #e7dae7 : -18
22 : #e7dae7 : -16
24 : #e8d9e8 : -14
26 : #e8d8e8 : -12
28 : #e9d8e9 : -10
30 : #ead7ea : -8
32 : #ead7ea : -6
34 : #ebd6eb : -4
36 : #ebd5eb : -2
38 : #ecd5ec : ±0
40 : #edd4ed : +2
42 : #edd4ed : +4
44 : #eed3ee : +6
46 : #eed2ee : +8
48 : #efd2ef : +10
50 : #f0d1f0 : +12
52 : #f0d0f0 : +14
54 : #f1d0f1 : +16
56 : #f2cff2 : +18
58 : #f2cff2 : +20
60 : #f3cef3 : +22
62 : #f3cdf3 : +24
64 : #f4cdf4 : +26
66 : #f5ccf5 : +28
68 : #f5ccf5 : +30
70 : #f6cbf6 : +32
72 : #f6caf6 : +34
74 : #f7caf7 : +36
76 : #f8c9f8 : +38
78 : #f8c9f8 : +40
80 : #f9c8f9 : +42
82 : #f9c7f9 : +44
84 : #fac7fa : +46
86 : #fbc6fb : +48
88 : #fbc5fb : +50
90 : #fcc5fc : +52
92 : #fdc4fd : +54
94 : #fdc4fd : +56
96 : #fec3fe : +58
98 : #fec2fe : +60
100 : #ffc2ff : +62
L : 明度 ( 88% )
(0%) 暗い ～ 明るい (100%)
0 : #000000 : -88
2 : #070307 : -86
4 : #0e060e : -84
6 : #150915 : -82
8 : #1c0d1c : -80
10 : #231023 : -78
12 : #2a132a : -76
14 : #311631 : -74
16 : #381938 : -72
18 : #3f1c3f : -70
20 : #462046 : -68
22 : #4d234d : -66
24 : #542654 : -64
26 : #5b295b : -62
28 : #632c63 : -60
30 : #6a2f6a : -58
32 : #713371 : -56
34 : #783678 : -54
36 : #7f397f : -52
38 : #863c86 : -50
40 : #8d3f8d : -48
42 : #944294 : -46
44 : #9b469b : -44
46 : #a249a2 : -42
48 : #a94ca9 : -40
50 : #b04fb0 : -38
52 : #b356b3 : -36
54 : #b65db6 : -34
56 : #b964b9 : -32
58 : #bd6bbd : -30
60 : #c072c0 : -28
62 : #c379c3 : -26
64 : #c680c6 : -24
66 : #c987c9 : -22
68 : #cc8ecc : -20
70 : #d095d0 : -18
72 : #d39cd3 : -16
74 : #d6a4d6 : -14
76 : #d9abd9 : -12
78 : #dcb2dc : -10
80 : #dfb9df : -8
82 : #e3c0e3 : -6
84 : #e6c7e6 : -4
86 : #e9cee9 : -2
88 : #ecd5ec : ±0
90 : #efdcef : +2
92 : #f2e3f2 : +4
94 : #f6eaf6 : +6
96 : #f9f1f9 : +8
98 : #fcf8fc : +10
100 : #ffffff : +12
CSS入門、作ってます。
text-shadow