#db97ab
RGB
| 赤 | 219 |
|---|---|
| 緑 | 151 |
| 青 | 171 |
HSL
| 色相 | 342° |
|---|---|
| 彩度 | 49% |
| 明度 | 73% |
| 輝度 | 68% |
３桁の色
補色
反転色
RGB ( 赤 = 219, 緑 = 151, 青 = 171 )
HSL ( 色相 = 342°, 彩度 = 49%, 明度 = 73% )
H : 色相 ( 342° )
(0°) 赤～黄～緑～青～紫 (359°)
2 : #dc9b98 : -340
12 : #dca698 : -330
22 : #dcb198 : -320
32 : #dcbc98 : -310
42 : #dcc898 : -300
52 : #dcd398 : -290
62 : #dadc98 : -280
72 : #cedc98 : -270
82 : #c3dc98 : -260
92 : #b8dc98 : -250
102 : #addc98 : -240
112 : #a1dc98 : -230
122 : #98dc9b : -220
132 : #98dca6 : -210
142 : #98dcb1 : -200
152 : #98dcbc : -190
162 : #98dcc8 : -180
172 : #98dcd3 : -170
182 : #98dadc : -160
192 : #98cedc : -150
202 : #98c3dc : -140
212 : #98b8dc : -130
222 : #98addc : -120
232 : #98a1dc : -110
242 : #9b98dc : -100
252 : #a698dc : -90
262 : #b198dc : -80
272 : #bc98dc : -70
282 : #c898dc : -60
292 : #d398dc : -50
302 : #dc98da : -40
312 : #dc98ce : -30
322 : #dc98c3 : -20
332 : #dc98b8 : -10
342 : #dc98ad : ±0
352 : #dc98a1 : +10
332 : #dc98b8 : -10
333 : #dc98b7 : -9
334 : #dc98b6 : -8
335 : #dc98b5 : -7
336 : #dc98b3 : -6
337 : #dc98b2 : -5
338 : #dc98b1 : -4
339 : #dc98b0 : -3
340 : #dc98af : -2
341 : #dc98ae : -1
342 : #dc98ad : ±0
343 : #dc98ac : +1
344 : #dc98aa : +2
345 : #dc98a9 : +3
346 : #dc98a8 : +4
347 : #dc98a7 : +5
348 : #dc98a6 : +6
349 : #dc98a5 : +7
350 : #dc98a4 : +8
351 : #dc98a3 : +9
352 : #dc98a1 : +10
S : 彩度 ( 49% )
(0%) 渋い ～ 鮮やか (100%)
1 : #bbb9ba : -48
3 : #bcb8b9 : -46
5 : #beb7b9 : -44
7 : #bfb5b8 : -42
9 : #c0b4b8 : -40
11 : #c2b3b7 : -38
13 : #c3b1b7 : -36
15 : #c4b0b6 : -34
17 : #c6aeb5 : -32
19 : #c7adb5 : -30
21 : #c9acb4 : -28
23 : #caaab4 : -26
25 : #cba9b3 : -24
27 : #cda8b3 : -22
29 : #cea6b2 : -20
31 : #cfa5b2 : -18
33 : #d1a3b1 : -16
35 : #d2a2b1 : -14
37 : #d4a1b0 : -12
39 : #d59faf : -10
41 : #d69eaf : -8
43 : #d89dae : -6
45 : #d99bae : -4
47 : #db9aad : -2
49 : #dc98ad : ±0
51 : #dd97ac : +2
53 : #df96ac : +4
55 : #e094ab : +6
57 : #e193aa : +8
59 : #e392aa : +10
61 : #e490a9 : +12
63 : #e68fa9 : +14
65 : #e78da8 : +16
67 : #e88ca8 : +18
69 : #ea8ba7 : +20
71 : #eb89a7 : +22
73 : #ec88a6 : +24
75 : #ee87a5 : +26
77 : #ef85a5 : +28
79 : #f184a4 : +30
81 : #f282a4 : +32
83 : #f381a3 : +34
85 : #f580a3 : +36
87 : #f67ea2 : +38
89 : #f77da2 : +40
91 : #f97ba1 : +42
93 : #fa7aa1 : +44
95 : #fc79a0 : +46
97 : #fd779f : +48
99 : #fe769f : +50
L : 明度 ( 73% )
(0%) 暗い ～ 明るい (100%)
1 : #040102 : -72
3 : #0b0406 : -70
5 : #13070a : -68
7 : #1b090e : -66
9 : #220c12 : -64
11 : #2a0e17 : -62
13 : #31111b : -60
15 : #39141f : -58
17 : #411623 : -56
19 : #481927 : -54
21 : #501b2b : -52
23 : #571e2f : -50
25 : #5f2133 : -48
27 : #672337 : -46
29 : #6e263b : -44
31 : #762840 : -42
33 : #7d2b44 : -40
35 : #852e48 : -38
37 : #8d304c : -36
39 : #943350 : -34
41 : #9c3554 : -32
43 : #a33858 : -30
45 : #ab3b5c : -28
47 : #b33d60 : -26
49 : #ba4064 : -24
51 : #bf456a : -22
53 : #c24c70 : -20
55 : #c45476 : -18
57 : #c75c7c : -16
59 : #ca6382 : -14
61 : #cc6b88 : -12
63 : #cf728e : -10
65 : #d17a94 : -8
67 : #d4829a : -6
69 : #d789a0 : -4
71 : #d991a7 : -2
73 : #dc98ad : ±0
75 : #dea0b3 : +2
77 : #e1a8b9 : +4
79 : #e4afbf : +6
81 : #e6b7c5 : +8
83 : #e9becb : +10
85 : #ebc6d1 : +12
87 : #eeced7 : +14
89 : #f1d5dd : +16
91 : #f3dde4 : +18
93 : #f6e4ea : +20
95 : #f8ecf0 : +22
97 : #fbf4f6 : +24
99 : #fefbfc : +26
CSS入門、作ってます。
text-shadow