#db4da7
RGB
| 赤 | 219 |
|---|---|
| 緑 | 77 |
| 青 | 167 |
HSL
| 色相 | 322° |
|---|---|
| 彩度 | 66% |
| 明度 | 58% |
| 輝度 | 51% |
３桁の色
補色
反転色
色の名前 （丸角は、色コード）
RGB ( 赤 = 219, 緑 = 77, 青 = 167 )
HSL ( 色相 = 322°, 彩度 = 66%, 明度 = 58% )
H : 色相 ( 322° )
(0°) 赤～黄～緑～青～紫 (359°)
2 : #db524d : -320
12 : #db694d : -310
22 : #db814d : -300
32 : #db994d : -290
42 : #dbb04d : -280
52 : #dbc84d : -270
62 : #d6db4d : -260
72 : #bedb4d : -250
82 : #a7db4d : -240
92 : #8fdb4d : -230
102 : #78db4d : -220
112 : #60db4d : -210
122 : #4ddb52 : -200
132 : #4ddb69 : -190
142 : #4ddb81 : -180
152 : #4ddb99 : -170
162 : #4ddbb0 : -160
172 : #4ddbc8 : -150
182 : #4dd6db : -140
192 : #4dbedb : -130
202 : #4da7db : -120
212 : #4d8fdb : -110
222 : #4d78db : -100
232 : #4d60db : -90
242 : #524ddb : -80
252 : #694ddb : -70
262 : #814ddb : -60
272 : #994ddb : -50
282 : #b04ddb : -40
292 : #c84ddb : -30
302 : #db4dd6 : -20
312 : #db4dbe : -10
322 : #db4da7 : ±0
332 : #db4d8f : +10
342 : #db4d78 : +20
352 : #db4d60 : +30
312 : #db4dbe : -10
313 : #db4dbc : -9
314 : #db4dba : -8
315 : #db4db7 : -7
316 : #db4db5 : -6
317 : #db4db3 : -5
318 : #db4db0 : -4
319 : #db4dae : -3
320 : #db4dab : -2
321 : #db4da9 : -1
322 : #db4da7 : ±0
323 : #db4da4 : +1
324 : #db4da2 : +2
325 : #db4da0 : +3
326 : #db4d9d : +4
327 : #db4d9b : +5
328 : #db4d99 : +6
329 : #db4d96 : +7
330 : #db4d94 : +8
331 : #db4d92 : +9
332 : #db4d8f : +10
S : 彩度 ( 66% )
(0%) 渋い ～ 鮮やか (100%)
0 : #939393 : -66
2 : #969294 : -64
4 : #989095 : -62
6 : #9a8d96 : -60
8 : #9c8b96 : -58
10 : #9f8997 : -56
12 : #a18797 : -54
14 : #a38598 : -52
16 : #a58398 : -50
18 : #a78199 : -48
20 : #a97e9a : -46
22 : #ab7c9a : -44
24 : #ae7a9b : -42
26 : #b0789b : -40
28 : #b2769c : -38
30 : #b4749c : -36
32 : #b6729d : -34
34 : #b86f9e : -32
36 : #ba6d9e : -30
38 : #bd6b9f : -28
40 : #bf699f : -26
42 : #c167a0 : -24
44 : #c365a0 : -22
46 : #c563a1 : -20
48 : #c760a2 : -18
50 : #c95ea2 : -16
52 : #cc5ca3 : -14
54 : #ce5aa3 : -12
56 : #d058a4 : -10
58 : #d256a4 : -8
60 : #d454a5 : -6
62 : #d651a6 : -4
64 : #d84fa6 : -2
66 : #db4da7 : ±0
68 : #dd4ba7 : +2
70 : #df49a8 : +4
72 : #e147a8 : +6
74 : #e345a9 : +8
76 : #e543aa : +10
78 : #e740aa : +12
80 : #ea3eab : +14
82 : #ec3cab : +16
84 : #ee3aac : +18
86 : #f038ac : +20
88 : #f236ad : +22
90 : #f434ae : +24
92 : #f631ae : +26
94 : #f92faf : +28
96 : #fb2daf : +30
98 : #fd2bb0 : +32
100 : #ff29b0 : +34
L : 明度 ( 58% )
(0%) 暗い ～ 明るい (100%)
0 : #000000 : -58
2 : #080206 : -56
4 : #11030c : -54
6 : #190512 : -52
8 : #220718 : -50
10 : #2a091e : -48
12 : #330a24 : -46
14 : #3b0c2a : -44
16 : #440e30 : -42
18 : #4c1036 : -40
20 : #55113c : -38
22 : #5d1342 : -36
24 : #661548 : -34
26 : #6e174e : -32
28 : #771854 : -30
30 : #7f1a5a : -28
32 : #871c60 : -26
34 : #901d66 : -24
36 : #981f6c : -22
38 : #a12172 : -20
40 : #a92378 : -18
42 : #b2247e : -16
44 : #ba2684 : -14
46 : #c3288a : -12
48 : #cb2a90 : -10
50 : #d42b96 : -8
52 : #d5349a : -6
54 : #d73c9e : -4
56 : #d945a3 : -2
58 : #db4da7 : ±0
60 : #dc56ab : +2
62 : #de5eaf : +4
64 : #e067b3 : +6
66 : #e26fb8 : +8
68 : #e378bc : +10
70 : #e580c0 : +12
72 : #e788c4 : +14
74 : #e891c8 : +16
76 : #ea99cd : +18
78 : #eca2d1 : +20
80 : #eeaad5 : +22
82 : #efb3d9 : +24
84 : #f1bbdd : +26
86 : #f3c4e2 : +28
88 : #f5cce6 : +30
90 : #f6d5ea : +32
92 : #f8ddee : +34
94 : #fae6f2 : +36
96 : #fceef7 : +38
98 : #fdf7fb : +40
100 : #ffffff : +42
CSS入門、作ってます。
text-shadow