#ecbbdb
RGB
赤 | 236 |
---|---|
緑 | 187 |
青 | 219 |
HSL
色相 | 321° |
---|---|
彩度 | 56% |
明度 | 83% |
輝度 | 81% |
3桁の色
補色
反転色
RGB ( 赤 = 236, 緑 = 187, 青 = 219 )
HSL ( 色相 = 321°, 彩度 = 56%, 明度 = 83% )
H : 色相 ( 321° )
(0°) 赤~黄~緑~青~紫 (359°)
1 : #ecbcbb : -320
11 : #ecc4bb : -310
21 : #ecccbb : -300
31 : #ecd4bb : -290
41 : #ecddbb : -280
51 : #ece5bb : -270
61 : #ebecbb : -260
71 : #e3ecbb : -250
81 : #dbecbb : -240
91 : #d3ecbb : -230
101 : #cbecbb : -220
111 : #c3ecbb : -210
121 : #bbecbc : -200
131 : #bbecc4 : -190
141 : #bbeccc : -180
151 : #bbecd4 : -170
161 : #bbecdd : -160
171 : #bbece5 : -150
181 : #bbebec : -140
191 : #bbe3ec : -130
201 : #bbdbec : -120
211 : #bbd3ec : -110
221 : #bbcbec : -100
231 : #bbc3ec : -90
241 : #bcbbec : -80
251 : #c4bbec : -70
261 : #ccbbec : -60
271 : #d4bbec : -50
281 : #ddbbec : -40
291 : #e5bbec : -30
301 : #ecbbeb : -20
311 : #ecbbe3 : -10
321 : #ecbbdb : ±0
331 : #ecbbd3 : +10
341 : #ecbbcb : +20
351 : #ecbbc3 : +30
311 : #ecbbe3 : -10
312 : #ecbbe2 : -9
313 : #ecbbe1 : -8
314 : #ecbbe1 : -7
315 : #ecbbe0 : -6
316 : #ecbbdf : -5
317 : #ecbbde : -4
318 : #ecbbdd : -3
319 : #ecbbdd : -2
320 : #ecbbdc : -1
321 : #ecbbdb : ±0
322 : #ecbbda : +1
323 : #ecbbd9 : +2
324 : #ecbbd9 : +3
325 : #ecbbd8 : +4
326 : #ecbbd7 : +5
327 : #ecbbd6 : +6
328 : #ecbbd5 : +7
329 : #ecbbd4 : +8
330 : #ecbbd4 : +9
331 : #ecbbd3 : +10
S : 彩度 ( 56% )
(0%) 渋い ~ 鮮やか (100%)
0 : #d3d3d3 : -56
2 : #d5d3d4 : -54
4 : #d5d2d4 : -52
6 : #d6d1d4 : -50
8 : #d7d0d5 : -48
10 : #d8cfd5 : -46
12 : #d9ced5 : -44
14 : #daced5 : -42
16 : #dbcdd6 : -40
18 : #dbccd6 : -38
20 : #dccbd6 : -36
22 : #ddcad7 : -34
24 : #dec9d7 : -32
26 : #dfc8d7 : -30
28 : #e0c8d7 : -28
30 : #e1c7d8 : -26
32 : #e2c6d8 : -24
34 : #e2c5d8 : -22
36 : #e3c4d8 : -20
38 : #e4c3d9 : -18
40 : #e5c2d9 : -16
42 : #e6c1d9 : -14
44 : #e7c1d9 : -12
46 : #e8c0da : -10
48 : #e8bfda : -8
50 : #e9beda : -6
52 : #eabdda : -4
54 : #ebbcdb : -2
56 : #ecbbdb : ±0
58 : #edbbdb : +2
60 : #eebadb : +4
62 : #efb9dc : +6
64 : #efb8dc : +8
66 : #f0b7dc : +10
68 : #f1b6dc : +12
70 : #f2b5dd : +14
72 : #f3b4dd : +16
74 : #f4b4dd : +18
76 : #f5b3de : +20
78 : #f5b2de : +22
80 : #f6b1de : +24
82 : #f7b0de : +26
84 : #f8afdf : +28
86 : #f9aedf : +30
88 : #faaedf : +32
90 : #fbaddf : +34
92 : #fcace0 : +36
94 : #fcabe0 : +38
96 : #fdaae0 : +40
98 : #fea9e0 : +42
100 : #ffa8e1 : +44
L : 明度 ( 83% )
(0%) 暗い ~ 明るい (100%)
1 : #040103 : -82
3 : #0c0309 : -80
5 : #14060f : -78
7 : #1c0815 : -76
9 : #240a1b : -74
11 : #2c0c21 : -72
13 : #340f27 : -70
15 : #3c112d : -68
17 : #441333 : -66
19 : #4c1539 : -64
21 : #54183f : -62
23 : #5b1a45 : -60
25 : #631c4a : -58
27 : #6b1e50 : -56
29 : #732156 : -54
31 : #7b235c : -52
33 : #832562 : -50
35 : #8b2768 : -48
37 : #932a6e : -46
39 : #9b2c74 : -44
41 : #a32e7a : -42
43 : #ab3080 : -40
45 : #b33286 : -38
47 : #bb358c : -36
49 : #c33792 : -34
51 : #c83c97 : -32
53 : #ca449b : -30
55 : #cd4ca0 : -28
57 : #cf54a4 : -26
59 : #d15ca8 : -24
61 : #d364ac : -22
63 : #d56cb1 : -20
65 : #d874b5 : -18
67 : #da7cb9 : -16
69 : #dc84bd : -14
71 : #de8cc1 : -12
73 : #e194c6 : -10
75 : #e39cca : -8
77 : #e5a4ce : -6
79 : #e7abd2 : -4
81 : #eab3d7 : -2
83 : #ecbbdb : ±0
85 : #eec3df : +2
87 : #f0cbe3 : +4
89 : #f3d3e8 : +6
91 : #f5dbec : +8
93 : #f7e3f0 : +10
95 : #f9ebf4 : +12
97 : #fcf3f9 : +14
99 : #fefbfd : +16
CSS入門、作ってます。
text-shadow