#900995
RGB
赤 | 144 |
---|---|
緑 | 9 |
青 | 149 |
HSL
色相 | 298° |
---|---|
彩度 | 89% |
明度 | 31% |
輝度 | 26% |
3桁の色
補色
反転色
色の名前 (丸角は、色コード)
RGB ( 赤 = 144, 緑 = 9, 青 = 149 )
HSL ( 色相 = 298°, 彩度 = 89%, 明度 = 31% )
H : 色相 ( 298° )
(0°) 赤~黄~緑~青~紫 (359°)
8 : #951b09 : -290
18 : #953309 : -280
28 : #954a09 : -270
38 : #956209 : -260
48 : #957909 : -250
58 : #959109 : -240
68 : #839509 : -230
78 : #6b9509 : -220
88 : #549509 : -210
98 : #3c9509 : -200
108 : #259509 : -190
118 : #0d9509 : -180
128 : #09951b : -170
138 : #099533 : -160
148 : #09954a : -150
158 : #099562 : -140
168 : #099579 : -130
178 : #099591 : -120
188 : #098395 : -110
198 : #096b95 : -100
208 : #095495 : -90
218 : #093c95 : -80
228 : #092595 : -70
238 : #090d95 : -60
248 : #1b0995 : -50
258 : #330995 : -40
268 : #4a0995 : -30
278 : #620995 : -20
288 : #790995 : -10
298 : #910995 : ±0
308 : #950983 : +10
318 : #95096b : +20
328 : #950954 : +30
338 : #95093c : +40
348 : #950925 : +50
358 : #95090d : +60
288 : #790995 : -10
289 : #7c0995 : -9
290 : #7e0995 : -8
291 : #800995 : -7
292 : #830995 : -6
293 : #850995 : -5
294 : #870995 : -4
295 : #8a0995 : -3
296 : #8c0995 : -2
297 : #8e0995 : -1
298 : #910995 : ±0
299 : #930995 : +1
300 : #950995 : +2
301 : #950993 : +3
302 : #950991 : +4
303 : #95098e : +5
304 : #95098c : +6
305 : #95098a : +7
306 : #950987 : +8
307 : #950985 : +9
308 : #950983 : +10
S : 彩度 ( 89% )
(0%) 渋い ~ 鮮やか (100%)
1 : #504e50 : -88
3 : #514d51 : -86
5 : #534b53 : -84
7 : #544a55 : -82
9 : #564856 : -80
11 : #574658 : -78
13 : #594559 : -76
15 : #5a435b : -74
17 : #5c425c : -72
19 : #5d405e : -70
21 : #5f3e60 : -68
23 : #603d61 : -66
25 : #613b63 : -64
27 : #633a64 : -62
29 : #643866 : -60
31 : #663768 : -58
33 : #673569 : -56
35 : #69336b : -54
37 : #6a326c : -52
39 : #6c306e : -50
41 : #6d2f6f : -48
43 : #6f2d71 : -46
45 : #702b73 : -44
47 : #722a74 : -42
49 : #732876 : -40
51 : #752777 : -38
53 : #762579 : -36
55 : #78247b : -34
57 : #79227c : -32
59 : #7b207e : -30
61 : #7c1f7f : -28
63 : #7e1d81 : -26
65 : #7f1c82 : -24
67 : #801a84 : -22
69 : #821986 : -20
71 : #831787 : -18
73 : #851589 : -16
75 : #86148a : -14
77 : #88128c : -12
79 : #89118d : -10
81 : #8b0f8f : -8
83 : #8c0d91 : -6
85 : #8e0c92 : -4
87 : #8f0a94 : -2
89 : #910995 : ±0
91 : #920797 : +2
93 : #940699 : +4
95 : #95049a : +6
97 : #97029c : +8
99 : #98019d : +10
L : 明度 ( 31% )
(0%) 暗い ~ 明るい (100%)
1 : #050005 : -30
3 : #0e010e : -28
5 : #170118 : -26
7 : #210222 : -24
9 : #2a032b : -22
11 : #330335 : -20
13 : #3d043f : -18
15 : #460448 : -16
17 : #4f0552 : -14
19 : #59055c : -12
21 : #620665 : -10
23 : #6b066f : -8
25 : #750778 : -6
27 : #7e0882 : -4
29 : #87088c : -2
31 : #910995 : ±0
33 : #9a099f : +2
35 : #a30aa9 : +4
37 : #ad0ab2 : +6
39 : #b60bbc : +8
41 : #bf0cc6 : +10
43 : #c90ccf : +12
45 : #d20dd9 : +14
47 : #db0de3 : +16
49 : #e50eec : +18
51 : #ea13f1 : +20
53 : #eb1cf2 : +22
55 : #ec26f2 : +24
57 : #ec30f3 : +26
59 : #ed39f3 : +28
61 : #ee43f4 : +30
63 : #ef4df5 : +32
65 : #f056f5 : +34
67 : #f160f6 : +36
69 : #f26af6 : +38
71 : #f273f7 : +40
73 : #f37df7 : +42
75 : #f487f8 : +44
77 : #f590f9 : +46
79 : #f69af9 : +48
81 : #f7a3fa : +50
83 : #f8adfa : +52
85 : #f9b7fb : +54
87 : #f9c0fb : +56
89 : #facafc : +58
91 : #fbd4fc : +60
93 : #fcddfd : +62
95 : #fde7fe : +64
97 : #fef1fe : +66
99 : #fffaff : +68
CSS入門、作ってます。
text-shadow