#df0756
RGB
| 赤 | 223 |
|---|---|
| 緑 | 7 |
| 青 | 86 |
HSL
| 色相 | 338° |
|---|---|
| 彩度 | 94% |
| 明度 | 45% |
| 輝度 | 32% |
３桁の色
補色
反転色
色の名前 （丸角は、色コード）
RGB ( 赤 = 223, 緑 = 7, 青 = 86 )
HSL ( 色相 = 338°, 彩度 = 94%, 明度 = 45% )
H : 色相 ( 338° )
(0°) 赤～黄～緑～青～紫 (359°)
8 : #df2407 : -330
18 : #df4807 : -320
28 : #df6c07 : -310
38 : #df9007 : -300
48 : #dfb307 : -290
58 : #dfd707 : -280
68 : #c2df07 : -270
78 : #9edf07 : -260
88 : #7adf07 : -250
98 : #56df07 : -240
108 : #32df07 : -230
118 : #0edf07 : -220
128 : #07df24 : -210
138 : #07df48 : -200
148 : #07df6c : -190
158 : #07df90 : -180
168 : #07dfb3 : -170
178 : #07dfd7 : -160
188 : #07c2df : -150
198 : #079edf : -140
208 : #077adf : -130
218 : #0756df : -120
228 : #0732df : -110
238 : #070edf : -100
248 : #2407df : -90
258 : #4807df : -80
268 : #6c07df : -70
278 : #9007df : -60
288 : #b307df : -50
298 : #d707df : -40
308 : #df07c2 : -30
318 : #df079e : -20
328 : #df077a : -10
338 : #df0756 : ±0
348 : #df0732 : +10
358 : #df070e : +20
328 : #df077a : -10
329 : #df0776 : -9
330 : #df0773 : -8
331 : #df076f : -7
332 : #df076c : -6
333 : #df0768 : -5
334 : #df0764 : -4
335 : #df0761 : -3
336 : #df075d : -2
337 : #df075a : -1
338 : #df0756 : ±0
339 : #df0752 : +1
340 : #df074f : +2
341 : #df074b : +3
342 : #df0748 : +4
343 : #df0744 : +5
344 : #df0740 : +6
345 : #df073d : +7
346 : #df0739 : +8
347 : #df0736 : +9
348 : #df0732 : +10
S : 彩度 ( 94% )
(0%) 渋い ～ 鮮やか (100%)
0 : #727272 : -94
2 : #757072 : -92
4 : #776e72 : -90
6 : #7a6c71 : -88
8 : #7c6a70 : -86
10 : #7e6770 : -84
12 : #81656f : -82
14 : #83636e : -80
16 : #85606e : -78
18 : #875e6d : -76
20 : #8a5c6d : -74
22 : #8c5a6c : -72
24 : #8e576b : -70
26 : #91556b : -68
28 : #93536a : -66
30 : #95506a : -64
32 : #974e69 : -62
34 : #9a4c68 : -60
36 : #9c4968 : -58
38 : #9e4767 : -56
40 : #a14567 : -54
42 : #a34366 : -52
44 : #a54065 : -50
46 : #a83e65 : -48
48 : #aa3c64 : -46
50 : #ac3963 : -44
52 : #ae3763 : -42
54 : #b13562 : -40
56 : #b33262 : -38
58 : #b53061 : -36
60 : #b82e60 : -34
62 : #ba2c60 : -32
64 : #bc295f : -30
66 : #be275f : -28
68 : #c1255e : -26
70 : #c3225d : -24
72 : #c5205d : -22
74 : #c81e5c : -20
76 : #ca1c5b : -18
78 : #cc195b : -16
80 : #cf175a : -14
82 : #d1155a : -12
84 : #d31259 : -10
86 : #d51058 : -8
88 : #d80e58 : -6
90 : #da0b57 : -4
92 : #dc0957 : -2
94 : #df0756 : ±0
96 : #e10555 : +2
98 : #e30255 : +4
100 : #e60054 : +6
L : 明度 ( 45% )
(0%) 暗い ～ 明るい (100%)
1 : #050002 : -44
3 : #0f0006 : -42
5 : #19010a : -40
7 : #23010d : -38
9 : #2d0111 : -36
11 : #360215 : -34
13 : #400219 : -32
15 : #4a021d : -30
17 : #540320 : -28
19 : #5e0324 : -26
21 : #680328 : -24
23 : #72042c : -22
25 : #7c0430 : -20
27 : #860434 : -18
29 : #8f0437 : -16
31 : #99053b : -14
33 : #a3053f : -12
35 : #ad0543 : -10
37 : #b70647 : -8
39 : #c1064b : -6
41 : #cb064e : -4
43 : #d50752 : -2
45 : #df0756 : ±0
47 : #e9075a : +2
49 : #f2075e : +4
51 : #f80d63 : +6
53 : #f81669 : +8
55 : #f8206f : +10
57 : #f82a76 : +12
59 : #f9347c : +14
61 : #f93e83 : +16
63 : #f94889 : +18
65 : #fa528f : +20
67 : #fa5c96 : +22
69 : #fa669c : +24
71 : #fb70a3 : +26
73 : #fb79a9 : +28
75 : #fb83af : +30
77 : #fb8db6 : +32
79 : #fc97bc : +34
81 : #fca1c2 : +36
83 : #fcabc9 : +38
85 : #fdb5cf : +40
87 : #fdbfd6 : +42
89 : #fdc9dc : +44
91 : #fed2e2 : +46
93 : #fedce9 : +48
95 : #fee6ef : +50
97 : #fff0f5 : +52
99 : #fffafc : +54
CSS入門、作ってます。
text-shadow