#ebc3bd
RGB
赤 | 235 |
---|---|
緑 | 195 |
青 | 189 |
HSL
色相 | 8° |
---|---|
彩度 | 53% |
明度 | 83% |
輝度 | 81% |
3桁の色
補色
反転色
RGB ( 赤 = 235, 緑 = 195, 青 = 189 )
HSL ( 色相 = 8°, 彩度 = 53%, 明度 = 83% )
H : 色相 ( 8° )
(0°) 赤~黄~緑~青~紫 (359°)
8 : #ebc3bd : ±0
18 : #ebcabd : +10
28 : #ebd2bd : +20
38 : #ebdabd : +30
48 : #ebe1bd : +40
58 : #ebe9bd : +50
68 : #e4ebbd : +60
78 : #ddebbd : +70
88 : #d5ebbd : +80
98 : #ceebbd : +90
108 : #c6ebbd : +100
118 : #beebbd : +110
128 : #bdebc3 : +120
138 : #bdebca : +130
148 : #bdebd2 : +140
158 : #bdebda : +150
168 : #bdebe1 : +160
178 : #bdebe9 : +170
188 : #bde4eb : +180
198 : #bdddeb : +190
208 : #bdd5eb : +200
218 : #bdceeb : +210
228 : #bdc6eb : +220
238 : #bdbeeb : +230
248 : #c3bdeb : +240
258 : #cabdeb : +250
268 : #d2bdeb : +260
278 : #dabdeb : +270
288 : #e1bdeb : +280
298 : #e9bdeb : +290
308 : #ebbde4 : +300
318 : #ebbddd : +310
328 : #ebbdd5 : +320
338 : #ebbdce : +330
348 : #ebbdc6 : +340
358 : #ebbdbe : +350
358 : #ebbdbe : +350
359 : #ebbdbd : +351
0 : #ebbdbd : -8
1 : #ebbdbd : -7
2 : #ebbebd : -6
3 : #ebbfbd : -5
4 : #ebc0bd : -4
5 : #ebc1bd : -3
6 : #ebc1bd : -2
7 : #ebc2bd : -1
8 : #ebc3bd : ±0
9 : #ebc4bd : +1
10 : #ebc4bd : +2
11 : #ebc5bd : +3
12 : #ebc6bd : +4
13 : #ebc7bd : +5
14 : #ebc7bd : +6
15 : #ebc8bd : +7
16 : #ebc9bd : +8
17 : #ebcabd : +9
18 : #ebcabd : +10
S : 彩度 ( 53% )
(0%) 渋い ~ 鮮やか (100%)
1 : #d4d3d3 : -52
3 : #d5d3d2 : -50
5 : #d6d2d1 : -48
7 : #d7d1d1 : -46
9 : #d8d1d0 : -44
11 : #d8d0cf : -42
13 : #d9d0ce : -40
15 : #dacfcd : -38
17 : #dbcecc : -36
19 : #dccecb : -34
21 : #ddcdcb : -32
23 : #deccca : -30
25 : #deccc9 : -28
27 : #dfcbc8 : -26
29 : #e0cac7 : -24
31 : #e1cac6 : -22
33 : #e2c9c5 : -20
35 : #e3c9c4 : -18
37 : #e4c8c4 : -16
39 : #e5c7c3 : -14
41 : #e5c7c2 : -12
43 : #e6c6c1 : -10
45 : #e7c5c0 : -8
47 : #e8c5bf : -6
49 : #e9c4be : -4
51 : #eac3be : -2
53 : #ebc3bd : ±0
55 : #ebc2bc : +2
57 : #ecc2bb : +4
59 : #edc1ba : +6
61 : #eec0b9 : +8
63 : #efc0b8 : +10
65 : #f0bfb7 : +12
67 : #f1beb7 : +14
69 : #f2beb6 : +16
71 : #f2bdb5 : +18
73 : #f3bcb4 : +20
75 : #f4bcb3 : +22
77 : #f5bbb2 : +24
79 : #f6bbb1 : +26
81 : #f7bab1 : +28
83 : #f8b9b0 : +30
85 : #f8b9af : +32
87 : #f9b8ae : +34
89 : #fab7ad : +36
91 : #fbb7ac : +38
93 : #fcb6ab : +40
95 : #fdb5aa : +42
97 : #feb5aa : +44
99 : #ffb4a9 : +46
L : 明度 ( 83% )
(0%) 暗い ~ 明るい (100%)
1 : #040201 : -82
3 : #0c0504 : -80
5 : #140806 : -78
7 : #1b0b08 : -76
9 : #230e0b : -74
11 : #2b110d : -72
13 : #331410 : -70
15 : #3b1712 : -68
17 : #421b14 : -66
19 : #4a1e17 : -64
21 : #522119 : -62
23 : #5a241c : -60
25 : #62271e : -58
27 : #692a20 : -56
29 : #712d23 : -54
31 : #793025 : -52
33 : #813328 : -50
35 : #89372a : -48
37 : #903a2c : -46
39 : #983d2f : -44
41 : #a04031 : -42
43 : #a84334 : -40
45 : #b04636 : -38
47 : #b74938 : -36
49 : #bf4c3b : -34
51 : #c45140 : -32
53 : #c75948 : -30
55 : #c9604f : -28
57 : #cb6757 : -26
59 : #ce6e5f : -24
61 : #d07567 : -22
63 : #d37c6f : -20
65 : #d58376 : -18
67 : #d78a7e : -16
69 : #da9186 : -14
71 : #dc988e : -12
73 : #df9f96 : -10
75 : #e1a69d : -8
77 : #e3aea5 : -6
79 : #e6b5ad : -4
81 : #e8bcb5 : -2
83 : #ebc3bd : ±0
85 : #edcac4 : +2
87 : #efd1cc : +4
89 : #f2d8d4 : +6
91 : #f4dfdc : +8
93 : #f7e6e4 : +10
95 : #f9edeb : +12
97 : #fbf4f3 : +14
99 : #fefbfb : +16
CSS入門、作ってます。
text-shadow