#d309aa
RGB
赤 | 211 |
---|---|
緑 | 9 |
青 | 170 |
HSL
色相 | 312° |
---|---|
彩度 | 92% |
明度 | 43% |
輝度 | 34% |
3桁の色
補色
反転色
RGB ( 赤 = 211, 緑 = 9, 青 = 170 )
HSL ( 色相 = 312°, 彩度 = 92%, 明度 = 43% )
H : 色相 ( 312° )
(0°) 赤~黄~緑~青~紫 (359°)
2 : #d30f09 : -310
12 : #d33109 : -300
22 : #d35309 : -290
32 : #d37409 : -280
42 : #d39609 : -270
52 : #d3b809 : -260
62 : #ccd309 : -250
72 : #aad309 : -240
82 : #89d309 : -230
92 : #67d309 : -220
102 : #45d309 : -210
112 : #24d309 : -200
122 : #09d30f : -190
132 : #09d331 : -180
142 : #09d353 : -170
152 : #09d374 : -160
162 : #09d396 : -150
172 : #09d3b8 : -140
182 : #09ccd3 : -130
192 : #09aad3 : -120
202 : #0989d3 : -110
212 : #0967d3 : -100
222 : #0945d3 : -90
232 : #0924d3 : -80
242 : #0f09d3 : -70
252 : #3109d3 : -60
262 : #5309d3 : -50
272 : #7409d3 : -40
282 : #9609d3 : -30
292 : #b809d3 : -20
302 : #d309cc : -10
312 : #d309aa : ±0
322 : #d30989 : +10
332 : #d30967 : +20
342 : #d30945 : +30
352 : #d30924 : +40
302 : #d309cc : -10
303 : #d309c8 : -9
304 : #d309c5 : -8
305 : #d309c2 : -7
306 : #d309be : -6
307 : #d309bb : -5
308 : #d309b8 : -4
309 : #d309b4 : -3
310 : #d309b1 : -2
311 : #d309ae : -1
312 : #d309aa : ±0
313 : #d309a7 : +1
314 : #d309a3 : +2
315 : #d309a0 : +3
316 : #d3099d : +4
317 : #d30999 : +5
318 : #d30996 : +6
319 : #d30993 : +7
320 : #d3098f : +8
321 : #d3098c : +9
322 : #d30989 : +10
S : 彩度 ( 92% )
(0%) 渋い ~ 鮮やか (100%)
0 : #6d6d6d : -92
2 : #706b6f : -90
4 : #726970 : -88
6 : #746772 : -86
8 : #766573 : -84
10 : #796374 : -82
12 : #7b6076 : -80
14 : #7d5e77 : -78
16 : #7f5c78 : -76
18 : #815a79 : -74
20 : #84587b : -72
22 : #86567c : -70
24 : #88537d : -68
26 : #8a517f : -66
28 : #8c4f80 : -64
30 : #8f4d81 : -62
32 : #914b83 : -60
34 : #934884 : -58
36 : #954685 : -56
38 : #974487 : -54
40 : #9a4288 : -52
42 : #9c4089 : -50
44 : #9e3d8b : -48
46 : #a03b8c : -46
48 : #a2398d : -44
50 : #a4378f : -42
52 : #a73590 : -40
54 : #a93291 : -38
56 : #ab3092 : -36
58 : #ad2e94 : -34
60 : #af2c95 : -32
62 : #b22a96 : -30
64 : #b42798 : -28
66 : #b62599 : -26
68 : #b8239a : -24
70 : #ba219c : -22
72 : #bd1f9d : -20
74 : #bf1d9e : -18
76 : #c11aa0 : -16
78 : #c318a1 : -14
80 : #c516a2 : -12
82 : #c814a4 : -10
84 : #ca12a5 : -8
86 : #cc0fa6 : -6
88 : #ce0da8 : -4
90 : #d00ba9 : -2
92 : #d309aa : ±0
94 : #d507ab : +2
96 : #d704ad : +4
98 : #d902ae : +6
100 : #db00af : +8
L : 明度 ( 43% )
(0%) 暗い ~ 明るい (100%)
1 : #050004 : -42
3 : #0f010c : -40
5 : #180114 : -38
7 : #22011c : -36
9 : #2c0224 : -34
11 : #36022c : -32
13 : #400333 : -30
15 : #49033b : -28
17 : #530343 : -26
19 : #5d044b : -24
21 : #670453 : -22
23 : #71055b : -20
25 : #7a0563 : -18
27 : #84066b : -16
29 : #8e0673 : -14
31 : #98067b : -12
33 : #a20783 : -10
35 : #ab078b : -8
37 : #b50892 : -6
39 : #bf089a : -4
41 : #c908a2 : -2
43 : #d309aa : ±0
45 : #dc09b2 : +2
47 : #e60aba : +4
49 : #f00ac2 : +6
51 : #f50fc7 : +8
53 : #f519c9 : +10
55 : #f623cc : +12
57 : #f62cce : +14
59 : #f736d0 : +16
61 : #f740d2 : +18
63 : #f74ad5 : +20
65 : #f854d7 : +22
67 : #f85dd9 : +24
69 : #f967dc : +26
71 : #f971de : +28
73 : #f97be0 : +30
75 : #fa85e2 : +32
77 : #fa8ee5 : +34
79 : #fb98e7 : +36
81 : #fba2e9 : +38
83 : #fcacec : +40
85 : #fcb6ee : +42
87 : #fcbff0 : +44
89 : #fdc9f2 : +46
91 : #fdd3f5 : +48
93 : #feddf7 : +50
95 : #fee7f9 : +52
97 : #fef0fc : +54
99 : #fffafe : +56
CSS入門、作ってます。
text-shadow