#d69adf
RGB
赤 | 214 |
---|---|
緑 | 154 |
青 | 223 |
HSL
色相 | 292° |
---|---|
彩度 | 52% |
明度 | 74% |
輝度 | 71% |
3桁の色
補色
反転色
RGB ( 赤 = 214, 緑 = 154, 青 = 223 )
HSL ( 色相 = 292°, 彩度 = 52%, 明度 = 74% )
H : 色相 ( 292° )
(0°) 赤~黄~緑~青~紫 (359°)
2 : #df9d9a : -290
12 : #dfa89a : -280
22 : #dfb49a : -270
32 : #dfbf9a : -260
42 : #dfca9a : -250
52 : #dfd69a : -240
62 : #dddf9a : -230
72 : #d1df9a : -220
82 : #c6df9a : -210
92 : #badf9a : -200
102 : #afdf9a : -190
112 : #a3df9a : -180
122 : #9adf9d : -170
132 : #9adfa8 : -160
142 : #9adfb4 : -150
152 : #9adfbf : -140
162 : #9adfca : -130
172 : #9adfd6 : -120
182 : #9adddf : -110
192 : #9ad1df : -100
202 : #9ac6df : -90
212 : #9abadf : -80
222 : #9aafdf : -70
232 : #9aa3df : -60
242 : #9d9adf : -50
252 : #a89adf : -40
262 : #b49adf : -30
272 : #bf9adf : -20
282 : #ca9adf : -10
292 : #d69adf : ±0
302 : #df9add : +10
312 : #df9ad1 : +20
322 : #df9ac6 : +30
332 : #df9aba : +40
342 : #df9aaf : +50
352 : #df9aa3 : +60
282 : #ca9adf : -10
283 : #cc9adf : -9
284 : #cd9adf : -8
285 : #ce9adf : -7
286 : #cf9adf : -6
287 : #d09adf : -5
288 : #d19adf : -4
289 : #d39adf : -3
290 : #d49adf : -2
291 : #d59adf : -1
292 : #d69adf : ±0
293 : #d79adf : +1
294 : #d89adf : +2
295 : #d99adf : +3
296 : #db9adf : +4
297 : #dc9adf : +5
298 : #dd9adf : +6
299 : #de9adf : +7
300 : #df9adf : +8
301 : #df9ade : +9
302 : #df9add : +10
S : 彩度 ( 52% )
(0%) 渋い ~ 鮮やか (100%)
0 : #bcbcbc : -52
2 : #bebbbe : -50
4 : #bfbabf : -48
6 : #c0b9c1 : -46
8 : #c1b7c2 : -44
10 : #c2b6c3 : -42
12 : #c3b5c5 : -40
14 : #c4b3c6 : -38
16 : #c4b2c7 : -36
18 : #c5b1c9 : -34
20 : #c6afca : -32
22 : #c7aecb : -30
24 : #c8adcd : -28
26 : #c9abce : -26
28 : #caaacf : -24
30 : #cba9d1 : -22
32 : #cca7d2 : -20
34 : #cda6d3 : -18
36 : #cea5d5 : -16
38 : #cfa4d6 : -14
40 : #d0a2d7 : -12
42 : #d1a1d9 : -10
44 : #d2a0da : -8
46 : #d39edb : -6
48 : #d49ddd : -4
50 : #d59cde : -2
52 : #d69adf : ±0
54 : #d799e1 : +2
56 : #d898e2 : +4
58 : #d996e3 : +6
60 : #da95e4 : +8
62 : #db94e6 : +10
64 : #dc92e7 : +12
66 : #dd91e8 : +14
68 : #de90ea : +16
70 : #df8eeb : +18
72 : #e08dec : +20
74 : #e18cee : +22
76 : #e28aef : +24
78 : #e389f0 : +26
80 : #e488f2 : +28
82 : #e586f3 : +30
84 : #e685f4 : +32
86 : #e784f6 : +34
88 : #e782f7 : +36
90 : #e881f8 : +38
92 : #e980fa : +40
94 : #ea7efb : +42
96 : #eb7dfc : +44
98 : #ec7cfe : +46
100 : #ed7aff : +48
L : 明度 ( 74% )
(0%) 暗い ~ 明るい (100%)
0 : #000000 : -74
2 : #070208 : -72
4 : #0e0510 : -70
6 : #150717 : -68
8 : #1c0a1f : -66
10 : #230c27 : -64
12 : #2a0f2f : -62
14 : #311136 : -60
16 : #38143e : -58
18 : #3f1646 : -56
20 : #46184e : -54
22 : #4d1b55 : -52
24 : #551d5d : -50
26 : #5c2065 : -48
28 : #63226d : -46
30 : #6a2574 : -44
32 : #71277c : -42
34 : #782a84 : -40
36 : #7f2c8c : -38
38 : #862f93 : -36
40 : #8d319b : -34
42 : #9433a3 : -32
44 : #9b36ab : -30
46 : #a238b2 : -28
48 : #a93bba : -26
50 : #b03dc2 : -24
52 : #b345c4 : -22
54 : #b64dc7 : -20
56 : #ba54c9 : -18
58 : #bd5ccc : -16
60 : #c064ce : -14
62 : #c36cd0 : -12
64 : #c673d3 : -10
66 : #c97bd5 : -8
68 : #cd83d8 : -6
70 : #d08bda : -4
72 : #d392dd : -2
74 : #d69adf : ±0
76 : #d9a2e2 : +2
78 : #dcaae4 : +4
80 : #dfb1e7 : +6
82 : #e3b9e9 : +8
84 : #e6c1eb : +10
86 : #e9c9ee : +12
88 : #ecd0f0 : +14
90 : #efd8f3 : +16
92 : #f2e0f5 : +18
94 : #f6e8f8 : +20
96 : #f9effa : +22
98 : #fcf7fd : +24
100 : #ffffff : +26
CSS入門、作ってます。
text-shadow