#9d64dd
RGB
赤 | 157 |
---|---|
緑 | 100 |
青 | 221 |
HSL
色相 | 268° |
---|---|
彩度 | 64% |
明度 | 63% |
輝度 | 51% |
3桁の色
補色
反転色
色の名前 (丸角は、色コード)
RGB ( 赤 = 157, 緑 = 100, 青 = 221 )
HSL ( 色相 = 268°, 彩度 = 64%, 明度 = 63% )
H : 色相 ( 268° )
(0°) 赤~黄~緑~青~紫 (359°)
8 : #dd7464 : -260
18 : #dd8864 : -250
28 : #dd9d64 : -240
38 : #ddb164 : -230
48 : #ddc564 : -220
58 : #ddd964 : -210
68 : #cddd64 : -200
78 : #b9dd64 : -190
88 : #a5dd64 : -180
98 : #91dd64 : -170
108 : #7cdd64 : -160
118 : #68dd64 : -150
128 : #64dd74 : -140
138 : #64dd88 : -130
148 : #64dd9d : -120
158 : #64ddb1 : -110
168 : #64ddc5 : -100
178 : #64ddd9 : -90
188 : #64cddd : -80
198 : #64b9dd : -70
208 : #64a5dd : -60
218 : #6491dd : -50
228 : #647cdd : -40
238 : #6468dd : -30
248 : #7464dd : -20
258 : #8864dd : -10
268 : #9d64dd : ±0
278 : #b164dd : +10
288 : #c564dd : +20
298 : #d964dd : +30
308 : #dd64cd : +40
318 : #dd64b9 : +50
328 : #dd64a5 : +60
338 : #dd6491 : +70
348 : #dd647c : +80
358 : #dd6468 : +90
258 : #8864dd : -10
259 : #8b64dd : -9
260 : #8d64dd : -8
261 : #8f64dd : -7
262 : #9164dd : -6
263 : #9364dd : -5
264 : #9564dd : -4
265 : #9764dd : -3
266 : #9964dd : -2
267 : #9b64dd : -1
268 : #9d64dd : ±0
269 : #9f64dd : +1
270 : #a164dd : +2
271 : #a364dd : +3
272 : #a564dd : +4
273 : #a764dd : +5
274 : #a964dd : +6
275 : #ab64dd : +7
276 : #ad64dd : +8
277 : #af64dd : +9
278 : #b164dd : +10
S : 彩度 ( 64% )
(0%) 渋い ~ 鮮やか (100%)
0 : #a0a0a0 : -64
2 : #a19fa3 : -62
4 : #a09da4 : -60
6 : #a09ba6 : -58
8 : #a099a8 : -56
10 : #a097aa : -54
12 : #a095ac : -52
14 : #a093ae : -50
16 : #a092b0 : -48
18 : #a090b2 : -46
20 : #9f8eb4 : -44
22 : #9f8cb5 : -42
24 : #9f8ab7 : -40
26 : #9f88b9 : -38
28 : #9f86bb : -36
30 : #9f84bd : -34
32 : #9f82bf : -32
34 : #9f81c1 : -30
36 : #9e7fc3 : -28
38 : #9e7dc5 : -26
40 : #9e7bc6 : -24
42 : #9e79c8 : -22
44 : #9e77ca : -20
46 : #9e75cc : -18
48 : #9e73ce : -16
50 : #9e71d0 : -14
52 : #9d70d2 : -12
54 : #9d6ed4 : -10
56 : #9d6cd5 : -8
58 : #9d6ad7 : -6
60 : #9d68d9 : -4
62 : #9d66db : -2
64 : #9d64dd : ±0
66 : #9c62df : +2
68 : #9c60e1 : +4
70 : #9c5fe3 : +6
72 : #9c5de5 : +8
74 : #9c5be6 : +10
76 : #9c59e8 : +12
78 : #9c57ea : +14
80 : #9c55ec : +16
82 : #9b53ee : +18
84 : #9b51f0 : +20
86 : #9b50f2 : +22
88 : #9b4ef4 : +24
90 : #9b4cf6 : +26
92 : #9b4af7 : +28
94 : #9b48f9 : +30
96 : #9b46fb : +32
98 : #9a44fd : +34
100 : #9a42ff : +36
L : 明度 ( 63% )
(0%) 暗い ~ 明るい (100%)
1 : #020104 : -62
3 : #07030d : -60
5 : #0c0515 : -58
7 : #11061d : -56
9 : #160826 : -54
11 : #1b0a2e : -52
13 : #200c36 : -50
15 : #250e3f : -48
17 : #2a1047 : -46
19 : #2e114f : -44
21 : #331358 : -42
23 : #381560 : -40
25 : #3d1769 : -38
27 : #421971 : -36
29 : #471b79 : -34
31 : #4c1c82 : -32
33 : #511e8a : -30
35 : #552092 : -28
37 : #5a229b : -26
39 : #5f24a3 : -24
41 : #6426ab : -22
43 : #6927b4 : -20
45 : #6e29bc : -18
47 : #732bc5 : -16
49 : #782dcd : -14
51 : #7d32d2 : -12
53 : #823ad4 : -10
55 : #8743d6 : -8
57 : #8d4bd8 : -6
59 : #9254d9 : -4
61 : #975cdb : -2
63 : #9d64dd : ±0
65 : #a26ddf : +2
67 : #a775e1 : +4
69 : #ad7de3 : +6
71 : #b286e4 : +8
73 : #b78ee6 : +10
75 : #bd96e8 : +12
77 : #c29fea : +14
79 : #c7a7ec : +16
81 : #ccb0ee : +18
83 : #d2b8ef : +20
85 : #d7c0f1 : +22
87 : #dcc9f3 : +24
89 : #e2d1f5 : +26
91 : #e7d9f7 : +28
93 : #ece2f9 : +30
95 : #f2eafa : +32
97 : #f7f2fc : +34
99 : #fcfbfe : +36
CSS入門、作ってます。
text-shadow