#df9703
RGB
| 赤 | 223 |
|---|---|
| 緑 | 151 |
| 青 | 3 |
HSL
| 色相 | 40° |
|---|---|
| 彩度 | 97% |
| 明度 | 44% |
| 輝度 | 61% |
３桁の色
補色
反転色
RGB ( 赤 = 223, 緑 = 151, 青 = 3 )
HSL ( 色相 = 40°, 彩度 = 97%, 明度 = 44% )
H : 色相 ( 40° )
(0°) 赤～黄～緑～青～紫 (359°)
0 : #dd0303 : -40
10 : #dd2803 : -30
20 : #dd4c03 : -20
30 : #dd7003 : -10
40 : #dd9403 : ±0
50 : #ddb903 : +10
60 : #dddd03 : +20
70 : #b9dd03 : +30
80 : #94dd03 : +40
90 : #70dd03 : +50
100 : #4cdd03 : +60
110 : #28dd03 : +70
120 : #03dd03 : +80
130 : #03dd28 : +90
140 : #03dd4c : +100
150 : #03dd70 : +110
160 : #03dd94 : +120
170 : #03ddb9 : +130
180 : #03dddd : +140
190 : #03b9dd : +150
200 : #0394dd : +160
210 : #0370dd : +170
220 : #034cdd : +180
230 : #0328dd : +190
240 : #0303dd : +200
250 : #2803dd : +210
260 : #4c03dd : +220
270 : #7003dd : +230
280 : #9403dd : +240
290 : #b903dd : +250
300 : #dd03dd : +260
310 : #dd03b9 : +270
320 : #dd0394 : +280
330 : #dd0370 : +290
340 : #dd034c : +300
350 : #dd0328 : +310
30 : #dd7003 : -10
31 : #dd7403 : -9
32 : #dd7703 : -8
33 : #dd7b03 : -7
34 : #dd7f03 : -6
35 : #dd8203 : -5
36 : #dd8603 : -4
37 : #dd8a03 : -3
38 : #dd8d03 : -2
39 : #dd9103 : -1
40 : #dd9403 : ±0
41 : #dd9803 : +1
42 : #dd9c03 : +2
43 : #dd9f03 : +3
44 : #dda303 : +4
45 : #dda703 : +5
46 : #ddaa03 : +6
47 : #ddae03 : +7
48 : #ddb203 : +8
49 : #ddb503 : +9
50 : #ddb903 : +10
S : 彩度 ( 97% )
(0%) 渋い ～ 鮮やか (100%)
1 : #71716f : -96
3 : #74716d : -94
5 : #76726b : -92
7 : #787368 : -90
9 : #7a7466 : -88
11 : #7d7464 : -86
13 : #7f7562 : -84
15 : #81765f : -82
17 : #83775d : -80
19 : #86775b : -78
21 : #887859 : -76
23 : #8a7956 : -74
25 : #8c7a54 : -72
27 : #8e7a52 : -70
29 : #917b50 : -68
31 : #937c4d : -66
33 : #957d4b : -64
35 : #977d49 : -62
37 : #9a7e47 : -60
39 : #9c7f44 : -58
41 : #9e8042 : -56
43 : #a08040 : -54
45 : #a3813e : -52
47 : #a5823b : -50
49 : #a78339 : -48
51 : #a98337 : -46
53 : #ac8435 : -44
55 : #ae8532 : -42
57 : #b08630 : -40
59 : #b2862e : -38
61 : #b5872c : -36
63 : #b7882a : -34
65 : #b98927 : -32
67 : #bb8925 : -30
69 : #be8a23 : -28
71 : #c08b21 : -26
73 : #c28c1e : -24
75 : #c48c1c : -22
77 : #c78d1a : -20
79 : #c98e18 : -18
81 : #cb8e15 : -16
83 : #cd8f13 : -14
85 : #d09011 : -12
87 : #d2910f : -10
89 : #d4910c : -8
91 : #d6920a : -6
93 : #d99308 : -4
95 : #db9406 : -2
97 : #dd9403 : ±0
99 : #df9501 : +2
L : 明度 ( 44% )
(0%) 暗い ～ 明るい (100%)
0 : #000000 : -44
2 : #0a0700 : -42
4 : #140d00 : -40
6 : #1e1400 : -38
8 : #281b01 : -36
10 : #322201 : -34
12 : #3c2801 : -32
14 : #462f01 : -30
16 : #503601 : -28
18 : #5a3d01 : -26
20 : #644302 : -24
22 : #6f4a02 : -22
24 : #795102 : -20
26 : #835802 : -18
28 : #8d5e02 : -16
30 : #976502 : -14
32 : #a16c02 : -12
34 : #ab7303 : -10
36 : #b57903 : -8
38 : #bf8003 : -6
40 : #c98703 : -4
42 : #d38e03 : -2
44 : #dd9403 : ±0
46 : #e79b04 : +2
48 : #f1a204 : +4
50 : #fba904 : +6
52 : #fbac0e : +8
54 : #fbb018 : +10
56 : #fcb322 : +12
58 : #fcb72c : +14
60 : #fcba36 : +16
62 : #fcbd40 : +18
64 : #fcc14a : +20
66 : #fcc454 : +22
68 : #fdc85e : +24
70 : #fdcb68 : +26
72 : #fdcf72 : +28
74 : #fdd27c : +30
76 : #fdd686 : +32
78 : #fdd990 : +34
80 : #fddc9b : +36
82 : #fee0a5 : +38
84 : #fee3af : +40
86 : #fee7b9 : +42
88 : #feeac3 : +44
90 : #feeecd : +46
92 : #fef1d7 : +48
94 : #fff5e1 : +50
96 : #fff8eb : +52
98 : #fffcf5 : +54
100 : #ffffff : +56
CSS入門、作ってます。
text-shadow