#dba99e
RGB
赤 | 219 |
---|---|
緑 | 169 |
青 | 158 |
HSL
色相 | 11° |
---|---|
彩度 | 46% |
明度 | 74% |
輝度 | 72% |
3桁の色
補色
反転色
RGB ( 赤 = 219, 緑 = 169, 青 = 158 )
HSL ( 色相 = 11°, 彩度 = 46%, 明度 = 74% )
H : 色相 ( 11° )
(0°) 赤~黄~緑~青~紫 (359°)
1 : #db9f9e : -10
11 : #dba99e : ±0
21 : #dbb49e : +10
31 : #dbbe9e : +20
41 : #dbc89e : +30
51 : #dbd29e : +40
61 : #dadb9e : +50
71 : #d0db9e : +60
81 : #c6db9e : +70
91 : #bcdb9e : +80
101 : #b2db9e : +90
111 : #a7db9e : +100
121 : #9edb9f : +110
131 : #9edba9 : +120
141 : #9edbb4 : +130
151 : #9edbbe : +140
161 : #9edbc8 : +150
171 : #9edbd2 : +160
181 : #9edadb : +170
191 : #9ed0db : +180
201 : #9ec6db : +190
211 : #9ebcdb : +200
221 : #9eb2db : +210
231 : #9ea7db : +220
241 : #9f9edb : +230
251 : #a99edb : +240
261 : #b49edb : +250
271 : #be9edb : +260
281 : #c89edb : +270
291 : #d29edb : +280
301 : #db9eda : +290
311 : #db9ed0 : +300
321 : #db9ec6 : +310
331 : #db9ebc : +320
341 : #db9eb2 : +330
351 : #db9ea7 : +340
1 : #db9f9e : -10
2 : #dba09e : -9
3 : #dba19e : -8
4 : #dba29e : -7
5 : #dba39e : -6
6 : #dba49e : -5
7 : #dba59e : -4
8 : #dba69e : -3
9 : #dba79e : -2
10 : #dba89e : -1
11 : #dba99e : ±0
12 : #dbaa9e : +1
13 : #dbab9e : +2
14 : #dbac9e : +3
15 : #dbad9e : +4
16 : #dbae9e : +5
17 : #dbaf9e : +6
18 : #dbb19e : +7
19 : #dbb29e : +8
20 : #dbb39e : +9
21 : #dbb49e : +10
S : 彩度 ( 46% )
(0%) 渋い ~ 鮮やか (100%)
0 : #bcbcbc : -46
2 : #bebcbb : -44
4 : #bfbbba : -42
6 : #c1bab9 : -40
8 : #c2b9b7 : -38
10 : #c3b9b6 : -36
12 : #c5b8b5 : -34
14 : #c6b7b3 : -32
16 : #c7b6b2 : -30
18 : #c9b5b1 : -28
20 : #cab4af : -26
22 : #cbb3ae : -24
24 : #cdb3ad : -22
26 : #ceb2ab : -20
28 : #cfb1aa : -18
30 : #d1b0a9 : -16
32 : #d2afa7 : -14
34 : #d3aea6 : -12
36 : #d5aea5 : -10
38 : #d6ada4 : -8
40 : #d7aca2 : -6
42 : #d9aba1 : -4
44 : #daaaa0 : -2
46 : #dba99e : ±0
48 : #dda99d : +2
50 : #dea89c : +4
52 : #dfa79a : +6
54 : #e1a699 : +8
56 : #e2a598 : +10
58 : #e3a496 : +12
60 : #e4a495 : +14
62 : #e6a394 : +16
64 : #e7a292 : +18
66 : #e8a191 : +20
68 : #eaa090 : +22
70 : #eb9f8e : +24
72 : #ec9e8d : +26
74 : #ee9e8c : +28
76 : #ef9d8a : +30
78 : #f09c89 : +32
80 : #f29b88 : +34
82 : #f39a86 : +36
84 : #f49985 : +38
86 : #f69984 : +40
88 : #f79882 : +42
90 : #f89781 : +44
92 : #fa9680 : +46
94 : #fb957e : +48
96 : #fc947d : +50
98 : #fe947c : +52
100 : #ff937a : +54
L : 明度 ( 74% )
(0%) 暗い ~ 明るい (100%)
0 : #000000 : -74
2 : #070403 : -72
4 : #0f0706 : -70
6 : #160b08 : -68
8 : #1e0e0b : -66
10 : #25120e : -64
12 : #2d1611 : -62
14 : #341913 : -60
16 : #3c1d16 : -58
18 : #432119 : -56
20 : #4a241c : -54
22 : #52281e : -52
24 : #592b21 : -50
26 : #612f24 : -48
28 : #683327 : -46
30 : #703629 : -44
32 : #773a2c : -42
34 : #7f3d2f : -40
36 : #864132 : -38
38 : #8d4534 : -36
40 : #954837 : -34
42 : #9c4c3a : -32
44 : #a4503d : -30
46 : #ab533f : -28
48 : #b35742 : -26
50 : #ba5a45 : -24
52 : #bd614c : -22
54 : #c06854 : -20
56 : #c26e5b : -18
58 : #c57563 : -16
60 : #c87b6a : -14
62 : #cb8272 : -12
64 : #cd8879 : -10
66 : #d08f80 : -8
68 : #d39688 : -6
70 : #d69c8f : -4
72 : #d8a397 : -2
74 : #dba99e : ±0
76 : #deb0a6 : +2
78 : #e1b7ad : +4
80 : #e3bdb5 : +6
82 : #e6c4bc : +8
84 : #e9cac3 : +10
86 : #ecd1cb : +12
88 : #eed7d2 : +14
90 : #f1deda : +16
92 : #f4e5e1 : +18
94 : #f7ebe9 : +20
96 : #f9f2f0 : +22
98 : #fcf8f8 : +24
100 : #ffffff : +26
CSS入門、作ってます。
text-shadow